Reem
-
Posts
3 -
Joined
-
Last visited
Reem's Achievements
Explorer (1/14)
0
Reputation
-
Все. Я сделал. Оказывается в коде все правильно. Дело было в настройках браузера. У меня тоже сборка 8679. Там надо было убрать галочку - масштаб страницы 'по ширине окна'
-
Вроде сделал так - неработает. Браузер находится в режиме CSS1Compat. Следовательно доктайп можно поставить такой - HTML 4.01 strict. CSS-файл с прежним содержимым. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title> Web-страница </title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="site/css/layers.css" rel="stylesheet" type="text/css"> </head> <body> <script type="text/javascript"> document.write(document.compatMode); </script> <div id="container1"> <div id="layer1"> ... </div> <div id="layer2"> ... </div> </div> </body> </html>
-
Помогите пожалуйста. У меня следующая вещь. Я делаю два слоя по горизонтали. Они должны фиксированно держаться и быть фиксированных размеров, по крайней мере, по минимальной ширине. Все правила по-моему применены: Слои находятся в контейнере со свойством min-width=990px и каждый блок содержит float: left для обтекания по левому краю, т.е. для реализации укладки по горизонтали. При уменьшении ширины окна в IE и Firefox эти слои держаться как надо и возникает горизонтальная полоса прокрутки. А в Opere нет. Второй переходит под первый, мало того еще и уменьшают себя и текст внутри с уменьшением окна браузера. Пробовал и так и сяк все равно ерунда. Как это можно поправить ? HTML-код: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="site/css/layers.css" rel="stylesheet" type="text/css"> </head> <body> <div id="container1"> <div id="layer1"> .... </div> <div id="layer2"> .... </div> </div> </body> CSS-файл: #container1 { width: 990px; min-width: 990px; width: expression(document.body.clientWidth > 990 ? "990px" : "990px") /* Ширина для IE6 */ } #layer1 { width: 100px; min-width: 100px; height: 450px; padding: 20px; border: 5px; margin: 5px; margin-right:0px; margin-top: 5px; background-color: blue; float: left; } #layer2 { width: 750px; min-width: 750px; height: 400px; padding: 20px; border: 5px; margin-left: 0px; margin-top: 5px; background-color: yellow; }