min-width не работает в Opere 9.10

Reem · January 25, 2008

Помогите пожалуйста. У меня следующая вещь. Я делаю два слоя по горизонтали.

Они должны фиксированно держаться и быть фиксированных размеров,

по крайней мере, по минимальной ширине.

Все правила по-моему применены:

Слои находятся в контейнере со свойством 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;
}

Vlad · January 25, 2008

А что у нас с доктайпом?

Reem · January 25, 2008

Вроде сделал так - неработает. Браузер находится в режиме 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>

yopopt · January 25, 2008

Не поверил в такое чудо и проверил в Opera 9.10 сборка 8679. Вс? замечательно работает.

Reem · January 25, 2008

Все. Я сделал. Оказывается в коде все правильно. Дело было в настройках браузера. У меня тоже сборка 8679.

Там надо было убрать галочку - масштаб страницы 'по ширине окна'

Sign In

min-width не работает в Opere 9.10

Question

Reem

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

Reem

Link to comment

Share on other sites

yopopt

Link to comment

Share on other sites

Reem

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information