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

[NIA2]

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]

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]

Thanks for the tip - that fixed it.