N. Graves wrote:
> I recently took over the maintenance of a website for a company. The
> site looks just as its supposed to on IE6, Firefox and Safari, but on
> IE7 it leaves a gap in the vertical navigation bar on the left of the
> page (this can be seen at http://www.mycomfortmyway.com/mysleep/).
> I'm not quite sure why the image doesn't continue it's y-repeat for
> the length of the page. Any ideas?Thanks!
your clearfix-variant:
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clearfix { _display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { display: block; height: 1%; }
/* End hide from IE-mac */
IE7 does not understand :after, neither the underscore hack, neither the
star html fix.
Therefore, the container
<div id="content" class="clearfix">
does not contain the floats, because clearfix does not apply haslayout
under these conditions.
#content collapses, resulting in an auto height, the background image
cannot be seen or repeated.
see http://archivist.incutio.com/viewlist/css-discuss/82146
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
