float layout causing problems in internet explorer 5, 5.5 and 6

NIA2 · Mar 11, 2008

Hi everyone,

I have a 3-column floated fixed width layout. The right column contains a form in the lower section. The columns are all okay in most browsers but when I test in internet explorer 5, 5.5 and 6, the right column drops below the layout. When I tried to troubleshoot, I found that if I took the form out of the right column altogether then the right column would sit where it's suppose to.

I don't know whether it's a float bug that's causing the problem in these versions of IE or something else. Could someone take a look and see what might be happening?

Thanks for any help offered.

BillyRayPreachersSon · Mar 11, 2008

You're specifying your right column width in PX and then giving the inputs a width in EMs - which can be more or less that the PX value depending on the user's font size.

Keep it simple, keep them standard, and give your inputs a width in PX of less than the space available minus any padding.

You might also want to explicitly set the margin & padding on the FORM, OL, and LI elements in that column so you know whet they are, rather than relying on any browser default values which will change from browser to browser and OS to OS.

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

NIA2 · Mar 12, 2008

Thanks for the tip - that fixed it.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

float layout causing problems in internet explorer 5, 5.5 and 6

NIA2

Technical User

BillyRayPreachersSon

Programmer

NIA2

Technical User

Similar threads

Part and Inventory Search

Sponsor