Gunlaug Sørtun wrote:
> Paul Jinks wrote:
>> I have a page that looks just as I want in FF but which misbehaves in
>> IE6, showing a gap between divs.
>> http://www.pauljinks.co.uk/test/contentTemplate2.html
>
> The simplest and most reliable solution is to put an html comment in the
> empty divs, to prevent IE/win from seeing whitespace in there.
>
> <div id="main-top"><!-- --></div>
> <div id="objective"><!-- --></div>
> <div id="objectiveBot"><!-- --></div>
>
>
> IE6 will otherwise treat those divs as if they're one line-height tall,
> since that and older IE/win versions don't respect declared dimensions
> and will auto-expand the divs in height to make room for an imaginary
> space.
>
> regards
> Georg
Thanks Georg
It took me a while to get round to testing this: I found that the
comments fixed the problem in IE6, but introduced gaps in FF! I'm not
sure why this should happen. Tim Palac's approach, setting
#main-top {
...
background: url(...) no-repeat bottom left;}
did the job in both browsers. Again, I have no idea why!
Paul
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
