opera vs "универсальный шаблон"

ignar · March 4, 2008

Доброго времени суток!

Возникла проблема с оперой (что меня удивило)

Сверстан сайт по вот этой идее http://trifler.ru/blog/i/users/ushablon.htm

пример работает везде и на ура.

у меня же после внедрения в жЫзнь, по закону подлости отображает не правильно

ФФ и ИЕ корректно понимают

margin-bottom:-32767px;padding-bottom:32767px;

а вот опера не пожелала

пример сайта http://devel.domik.net/mod/offers/

даю ссылку не на главную старницу специально.

вкратце для тех кто не хочет заходить:

в опере появляется огромное пространство размеров в те самые ~30000рх.

Код в студию:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<title>ushablon</title>
<style type="text/css">
* {margin:0;padding:0;}
.trifler {border:silver 1px solid;margin:2px;}
.header,.menu,.footer {background-color:#eee;padding:5px;text-align:center;}
.header,.menu {border-bottom:silver 1px solid;}
.menu {border-top:0;}
.footer {border-top:silver 1px solid;}
.gordi,.center,.right,.left {overflow:hidden;zoom:1;}
.center,.left {float:left;margin-right:-200px;}
.main,
.right,
.left {float:right;margin-bottom:-32767px;padding-bottom:32767px;width:199px;}
.main,.center {width:100%;}
.content {background:#fff;padding:0 200px;}
.right {background:#f7f8f9;border-left:silver 1px solid;}
.left {background:#abc;border-right:#45f 1px solid;}
.clear {clear:both;}
p {margin:3px 7px;}
.expand a{color:#960;display:block;clear:both;text-decoration:underline}
.expand a:hover{color:green;height:500px}
</style>
</head>
<body>
<div class="trifler">
<div class="header">HEADER</div>
<div class="menu">Горизонтальное меню</div>
<div class="gordi">
<div class="main">

<div class="center">
<div class="content">
<p>CONTENT</p>
<p class="expand"><a href="#">Делаем колонку длиннее</a>

Наводим курсор, смотрим вертикальную прокрутку, вращаем колесико мыши :)</p>
</div></div>
<div class="right">
<p>RIGHT</p>
<p class="expand"><a href="#">Делаем колонку длиннее</a>

Наводим курсор, смотрим вертикальную прокрутку, вращаем колесико мыши :)</p>
</div>

</div>
<div class="left">
<p>LEFT</p>
<p class="expand"><a href="#">Делаем колонку длиннее</a>

Наводим курсор, смотрим вертикальную прокрутку, вращаем колесико мыши :)</p>
</div>
<div class="clear"></div>
</div>
<div class="footer">FOOTER</div>
</div>
</body>
</html>

помогите плз решить эту проблему, не хотелось бы делать костыль.

maddogrts · March 4, 2008

что то я не углядел ваше пространство

Opera

Версия 9.26

Сборка 8835

Платформа Win32

Система Windows XP

Java не установлена

Mordraug · March 4, 2008

Аналогично, проблем не увидел

Опера 9.20 (Версия 9.20, Сборка 8771, Платформа Win32, Система Windows XP)

homm · March 4, 2008

Опера 9.50, все в точности как у предыдущих ораторов

Добавлю только, что для нормальных браузеров был другой способ решения вашей проблемы, display: table-cell, если не ошибаюсь.

Sign In

opera vs "универсальный шаблон"

Question

ignar

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

maddogrts

Link to comment

Share on other sites

Mordraug

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information