Hey everybody,

I'm a first time web designer and I just launched a new site that I created in Dreamweaver CS3 for mac's. Everything works fine when I view it on different mac browser's, but the site doesn't load properly on pc's.

Here's the site-
http://www.toddeisner.com/

For some reason, the left-hand navigation loads above the images on pc's. Does anybody have any tips for fixing this?

Thanks,

Todd

Works fine for me, and I'm on a PC. Are you sure you're not talking about a difference between browsers? I'm on FF3 and everything looks normal.

I do see the problem on IE7. It looks like it is a padding/margin issue. IE by default adds padding to some items so it is a good idea to set styles that do not use a padding or margin to zero. Float properties are also interrupted a little differently.

Thanks so much for the help.

So will changing the padding and margins to zero take care of the problem?

if you are designing your website always check your design to various internet browser like firefox, IE, opera, and zafari because not all layout works perfect with this different browser.

It may fix the problem, otherwise you may need to decrease the width of your content box because there is not enough room, that is why it drops down below the navigation.

First, it's always a good idea to zero out the default margin and padding on most elements before you do anything else. This puts everything on a level playing field.

The box model is not a problem if you're using a recently patched version of IE6 and above or other browser. IE5.5 and below have busted box models, but few people use those versions any more.

In IE6, you're getting float drop, and this is because your mainContent is set to a width of 100% - but you're not taking into account the width of #sidebar, so you need to reduce the size of #mainContent.

This is great, thanks again for all the help.

Does this mean that the total width between the main content and the sidebar should always equal 100%?

It's fixed! Changing the % in the main content box worked.

Thanks for your help everybody.

Does this mean that the total width between the main content and the sidebar should always equal 100%?

The sum of the parts cannot be greater than the whole - so sidebar and content have to be at least equal to the width of their overall container.