WEbsite Sizing

Hi all

I put my website live abouta week ago, but today i noticed a problem, on a 1024x768 the content is out of place, on my computer if i looks at it on 1024x769 its ok, but on other computers its not can anyone help

Cheers

Neel

www.cleancleartidy.co.uk

I dropped my resolution down to 800x600 and it looked fine, although there was horizontal scroll.

this is what i dont understand when i dropp my res its fine, but when i check it at work on there computers which run @ 1024x768, the content drops to the bottom of the page.

Looks great in Opera, horrible in Internet Explorer. I'm running Windows 2K at 1280x1024.

The only bad thing I can find upon a quick inspection is that you need to close your "container" div. Basically, throw this before the closing body tag: </div>

the bottom of your code should look like:
</div>
</body>
</html>

I use IE in 1024*768 and your site appears too much in the left. It should be more centered. And, but it's my opinion, the javascript for 'leather' and 'laundry' should appear on the right of the picture like the others. By the way, the site is not bad.

ok, i will get on that tonight, thats for the input.

well i still have this problem, but i have worked out that in firefox it seems to be ok, but in IE the content is in the worng place

any ideas

Firefox follows W3D and allocates space for padding and borders inside a box, so a graphic "width=600" with "border:1;" will have 2px of border and 598px of graphic, for a total width of 600.. IE 6 aggregates padding and borders to the outside of a box, so the same graphic would have 2px of border and 600px of graphic, for a total width of 602.

I think this is your problem, in IE you are exceeding the width of the container div by a few px and pushing boxes down. You just have to play with it to make it fit in both.

For a quick fix, IMO it would be better to fit it correctly into IE and have a couple of gaps in FF, than to have it fit correctly in FF and be completely messed up in IE, especially for a consumer site. That is, just take a couple of pixels off the width of a box or two, while you work out a polished solution.

PS While you're at it, trim some of the negative margin off the container so it doesn't butt up against the left-hand edge.

hi all i think, i`ve got it now, can u ppl just check for me, and let me know what happens

I have run into the exact same problem with my homepage. In IE at 1280 x 1024, the content is off center. At home, where I have a small monitor and resolution, it looks fine. In Firefox, Safari, even Opera, no problem. The code all validates. But in the larger resolution, it still looks wrong.

Wish I knew where I was going off the rails with this.

g.

And you have a thread already on the subject - Sizing issues

Guess I shouldn't have said anything here then. Kindly delete my message. Thanks.

g.