DIV не хочет растягиваться по вертикале (в Опере)

acid · May 28, 2009

Мужыки, привет!

Вот код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title> </title>
<link rel="stylesheet" type="text/css" href="styles.css" media="screen">
</head>
<body>
	<div id="body">
		<div id="header">
			Заголовок
		</div>
		<div id="content">
			<div id="leftcol">
				<div class="leftcol-component">
					Поиск по... фамилии, адресу и т.д.
				</div>
				<div class="leftcol-component">
					Консультант он-лайн
				</div>
				<div class="leftcol-component">
					Друзья...
				</div>
			</div>
			<div id="centercol">
				<div id="contener">
					Поля ввода
				</div>
				<div id="contener-footer">
					Описания блока content
				</div>
			</div>
			<div id="rightcol">
				<div class="rightcol-component">
					Последнии вопросы
				</div>
				<div class="rightcol-component">
					Отзывы
				</div>
			</div>
		</div>
		<div id="footer">
			футер сайта
		</div>
	</div>
</body>
</html>

CSS тут

Проблему мою можно заметить просматривая страничку ( СТРАНИЧКА ) сначала в в ИЕ (я в 6 смотрю) а потом в Опере. В ИЕ красный div растягивается под свое содержимое в коде, т.е. другие 3 div-а. А в Опере остается нулевым. В чем проблема, как это истправить? Спасибо!

PS> Кстати, убираю !DOCTYPE все нормально во всех бродилках...

psywalker · May 28, 2009

задай обромляющему диву (#content) overflow: hidden; а если ИЕ не поймёт, тогда прибавь height: 1%; специально для ИЕ6-7

Edited May 28, 2009 by psywalker

acid · May 28, 2009

задай обромляющему диву (#content) overflow: hidden; а если ИЕ не поймёт, тогда прибавь height: 1%; специально для ИЕ6-7

Спасибо! В Опере как надо в ИЕ 6 тоже... Буду тестить дальше..!

psywalker · May 28, 2009

Спасибо! В Опере как надо в ИЕ 6 тоже... Буду тестить дальше..!

давай тести, тести :rolleyes:

acid · May 28, 2009

У меня еще вопросик... Думаю не надо новую тему создавать, дабы не загрезнять форум!

Известно что Опера и ИЕ поразному понимают width дивов. В Опере width понимается как отступы+бордеры+расстояние между элементам, а в ИЕ width - только указанное значение...

Так вот все на той-же странице, нужно среднюю колонку выровнять по середине, что бы было независимо от того есть ли отступы или их нет. Я думал так: правой колонки присвоить float:left а левой float:right, теперь среднюю надо выровнять по середине т.е. между ними... как это сделать? Заранее спасибо!

psywalker · May 28, 2009

http://forum.htmlbook.ru/index.php?s=&...st&p=100983

SelenIT · May 28, 2009

Известно что Опера и ИЕ поразному понимают width дивов.

Это только без доктайпа (или с кривым доктайпом, в общем, в Quirks mode) так. С нормальным доктайпом HTML4.01 Transitional (как сейчас по ссылке) IE тоже должен считать ширину вместе с отступами и бордерами.

acid · May 29, 2009

Это только без доктайпа (или с кривым доктайпом, в общем, в Quirks mode) так. С нормальным доктайпом HTML4.01 Transitional (как сейчас по ссылке) IE тоже должен считать ширину вместе с отступами и бордерами.

но почему-то всеравно в Опере - все по размерам мучу - а в ИЕ все съезжает....

у меня так проблема по сути простая: есть 3 колонки - как мне сделать ширину всех 3 - 960px - при этом чтобы во всех браузерах отступы между ними были одинаковы и они не съезжали...

Edited May 29, 2009 by acid

Searcher · May 29, 2009

Вот примеры многоколоночной верстки:

http://layouts.ironmyers.com/

http://www.dynamicdrive.com/style/layouts/category/C10/

http://www.code-sucks.com/css%20layouts/faux-css-layouts/

http://tjkdesign.com/articles/one_html_mar...css_layouts.asp

http://blog.html.it/layoutgala/

acid · May 29, 2009

Вот примеры многоколоночной верстки:
http://layouts.ironmyers.com/
http://www.dynamicdrive.com/style/layouts/category/C10/
http://www.code-sucks.com/css%20layouts/faux-css-layouts/
http://tjkdesign.com/articles/one_html_mar...css_layouts.asp
http://blog.html.it/layoutgala/

Огромное спасибо! Понял я одно... Зачем изобретать велосипед?))

Sign In

DIV не хочет растягиваться по вертикале (в Опере)

Question

acid

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

acid

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

acid

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

acid

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

acid

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information