Well I guess this is probably a common problem but I am stumped on it. Probably because I am a complete numpty when it comes to web development and I don’t know what I am doing. Basically [URL=”http://www.clear-prop.co.uk”]the web site [/URL]works fine in IE 7 but in IE 6 the right hand column overflows the container. I cannot get the container to expand vertically. Any suggestions please? This works fine in IE 7.
@CentauriMar 21.2008 — #This is due to IE6 not recognising the min-height property - you [I]could[/I] just feed IE6 a height for #content (which it will treat as min-height), but setting heights here is just a bandaid solution for the main problem of the absolute positioned #third-column div. If you increase text size in FF, then the right column overlaps also due to its absolute positioning. You would be better of setting a width for #content and floating both it and #third-column left and removing the absolute positioning from #third-column and the min-height from #content.
@AnguslhauthorMar 22.2008 — #Hey Centauri, Thanks for your help. I decided to go for the proper fix as opposed to the 'bandaid'. I can see that the larger text issue, that I wasn't even aware of, is now fixed following your advice. However in IE6 it keeps pushing the third-column underneath the other content. I haven't put it up live as this is a working site but the CSS we were looking at is pasted below. I have tried changing the widths of the elements but it still refuses to float left or right next to the content. It keeps going down below. By the way the complete width of the page is 800px.
@CentauriMar 22.2008 — #I am unable to test styles in IE6 on the live site, and I think it may be due to the <body> tag being in the wrong place - it is currently after <html>, but it should follow </head>. If you can change that on the live site, then I can test further.
@AnguslhauthorMar 24.2008 — #Thanks for pointing that one out to me Centauri. I have fixed that now so hopefully you may be able to help me alittle further. I really appreciate your help so far....Thanks!
@CentauriMar 25.2008 — ##textbox3 is too wide - set width of 590px, plus borders of 2px each side, plus left margin of 5px, plus right margin of 20px = 619px overall. IE will not allow this to overhang #content, pushing it too wide for #third-column to fit. You need to reduce the [B]total[/B] width occupied by #textbox3 to less than that set on #content.
@AnguslhauthorMar 26.2008 — #Thanks for all your help Centauri. I will have a look at that. I am just trying to set up a test environment on my vista machine. T'was easy when I was running XP! You have been a big help and it is really appreciated!