Кажется, у меня есть следующая проблема с CSS только в Firefox 3.0, Firefox 3.6. С более новыми версиями Firefox, например 3.6.6, мой макет работает нормально.
К сожалению, я не могу загрузить полный снимок экрана. Вот код:
#header { width:100%; }
#header div.container { width:980px; margin:0 auto; }
#presentation { width:100%; background:red; }
#presentation div.bg { background-image:url(../images/img.png) no-repeat center top; }
#presentation div.container { width:980px; margin:0 auto; }
<div id="presentation">
<div class="bg">
<div class="container">
[content here]
</div><!-- end .container -->
</div><!-- end .bg -->
</div><!-- end #presentation -->
FF3.0 обрезает мое фоновое изображение, найденное в div.bg, до ширины div.container, несмотря на его родительский div, #presentation установлено на 100%, и только его дочерний div имеет ширину 980 пикселей. (нет логической причины, по которой мое фоновое изображение установлено на 980 пикселей)
Вроде бы только в FF. Chrome, IE и т. Д. Без проблем отображает мое фоновое изображение и ничего не режет.
Я пробовал: width: 100%, height: 100%, min-width, min-height для #presentation div, #presentation div.bg, overflow: hidden, html> #presentation, очистка div после #presentation или это внутренние дети.
Практически все, что я смог найти в Интернете.
Мой HTML-документ в основном проверяется с помощью XHTML Strict, за исключением нескольких ошибок, которые я должен сделать (div внутри UL) - ошибок, которые не находятся внутри div #presentation.
#presentation.innerHTML
? Может дело в парсере. - person user123444555621   schedule 24.07.2011