Problems with Floats and Padding

Choy · Joined: 16 Jun 2006 Posts: 2

Hi everybody, I was hoping someone could give me some advice on how to fix some problems with a layout I've been tinkering with.

You can view the page here: http://two.fsphost.com/soujiro116/index.html

In Camino/Firefox, the layout looks fine until I add padding to the content and menu floats. Then the floats become misaligned. In addition my height: 100% tag doesn't work.

In IE (OSX), the same thing happens with the exception that the the height stretches unlike in Camino/Firefox.

Thanks in advance for any help!

Source Code:

Choy · Joined: 16 Jun 2006 Posts: 2

Hi again, I managed to solve some problems on my own, but still have some layout problems that I need help with.

As it stands, the layout renders properly on Firefox/Camino/Safari with the exception that the page height stretches double the window size. How can I get it so that the page reaches the bottom of the window and then stops if there isn't that much content on the page?

In IE however I have another problem. In addition to the page height being too long like in Firefox/Camio/Safari, the positions of the floats are also wrong. In IE for OSX, only the top part of menu float is misaligned (it's too high). In IE 6 for Windows the floats don't line up next to each other and instead are each on a separate line. Does anyone know how remedy this?

You can see the new page at http://two.fsphost.com/soujiro116/index2.html

And here is my source code: