Just Testing

Testing a new design and since I cannot view this in all resolutions in all browsers I am putting it here for feedback. Cheers.


FF 3.53 on a Mac, the main logo header is left justified while everything else is centered.

and if you need to test other browsers.


its free to sign up.

Thanks Tony.

They also recommend



is also very good to test how your browser looks like across all kinds of browsers and resolution. ^^

I agree with ET, the header is a little messed up.

Here is a screen shot of how you have it:

If you change your css from:

#header {
background: #000000 url(images/header_main_bg.jpg) no-repeat scroll 14px top;


#header {
background: #000000 url(images/header_main_bg.jpg) no-repeat scroll 100px top;

You’ll get:

As you can see the top header image has been centered. I’m not sure if this is the best way to do this, but it works.

Besides the header, the site looks great and nothing else jumps out at me as being wrong.


Changing to 110px throws it off on my monitors but 14px centers it. Go figure.

Yeah, I’m not really sure. The site is the same on both FF 3.5.3 and IE . I also took a look at this in IE 8 compatability and the header is still to the left, but it is higher. If you take a look at my images you’ll notice that the search area overlaps the top header. In IE8 compatability there is actuall a small black space between the top image and the search area.

By the way my screen resolution here at work is 1280 x 1024. I haven’t tested this at home, but my resolution there is different and I’ll have a look at it at lunch.


Ok, I took a look at this at home and this is how it looks:

As you can see the header is even further over. I had to set the background to 420 px to make it right. You can also see the overlapping.

I am using FF 3.5.3 on Vista with a 23 Inch screen set to 1920 x 1080.

I wish I knew how to fix this, but I don’t.

By the way, left over turkey, mashed potatoes, and gravy make a great lunch.


Yes at 1280 x 1024 I see what you mean. Isn’t it too early for turkey?

If I remove the px value altogether it seems to work.

#header {

background: #000000 url(images/header_main_bg.jpg) no-repeat top;


It’s never too early for turkey.