Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- Display problems in IE6 & 7


alt131 - 4:39 pm on Aug 14, 2011 (gmt 0)


Thanks for the stripped code Gemini, makes things easier to understand. I do expect this to be reasonably easy - no baldness necessary ;)

In the OP you've said the search boxes are generated by javascript. If you check the posted html with the posted css you'll see a number of classes/id's are not in the posted html. I suspect they are being generated by the javascript, and from the code possibly being being output into
<div id="searchbox">
<h1 class="style5">
<strong><span class="style3"><script src=" type='text/javascript'></script> </span></strong></h1>
</div>
If I am right, we need to html that has been generated for that div as well.

While you are providing that, some things to think about are that if my guesses are right this looks like an issue with floats and margins. If #qdate, #qperf and #qqty are relevant they are putting large margins on floats that are contained in a table cell with a maximum width of 545px. Add on they are inside h1, plus other styles applied via classes - there is quite a lot of styling being applied to the elements. While I realise the issue is with older ie, have you looked at the page in something like firebug for firefox to determine which styles are being applied to the search boxes and parent elements, then used that information to try to trace the cause of the issue in ie?


Thread source:: http://www.webmasterworld.com/css/4350952.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com