Абсолютная высота блоков (%) не отображаеться в Опере

anarki · June 15, 2008

Здравствуйте, у меня такая проблема, есть код хтмл:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link href = "style.css" type="text/css" rel="stylesheet" />
<title>Index</title>
</head>
<body>

<div class="site">
<div class="header">
<div class="logo"></div>
</div>

<div class="left_side">
</div>

<div class="center">
<div class="content">
Content
</div>
</div>

<div class="right_side">
</div>
<div class="clear"></div>
 </div>
</body>
</html>

и style.css к нему:

html, body {
 margin:0;
 padding:0;
 width:100%;
 height:100%;
border-style:solid;
border-width:1px;
border-color: #000000;
}

.site {
margin: 0px;
padding:0px;
width: 100%;
min-width: 640px;
position: relative;
min-height: 93%;
border-style: solid;
border-width: 1px;
border-color: #990000;
}

* html .site {
height: 93%;
} 

.left_side {
margin-top: 27px;
padding: 0px;
width: 21%;
float: left;
border-style: solid;
border-width: 1px;
border-color: #000099;
}

.center {
margin-top: 27px;
padding:0px;
width: 57%;
height: 60%;
float: left;
text-align: center;
position: relative;
border-style: solid;
border-width: 1px;
border-color: #990000;
}

.content {
padding-top: 8px;
padding-bottom: 8px;
margin: 0px;
width: 100%;
height: 80%;
position: relative;
border-style: solid;
border-width: 1px;
border-color: #009900;
}

.right_side {
margin-top: 27px;
padding:0px;
width: 21%;
float: left;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #000099;
}

Во всех браузерах отображаеться нормально, а в Опере средний красный и зел?ный в нем подблок не вытягиваються на 60% и 80% :(:)

Как решить эту проблему? Может поменять доктайп на другую спецификацию?)) Или как??? Пожалуйста, помогите, очень нужно, зараннее спасибо!...

Dimitry Wolotko · June 15, 2008

mmm Проблемы с верской

homm · June 15, 2008

Все становится нормально, если сменить min-height на height/ Понимаю, что не решение, но может натолкнуть.

anarki · June 15, 2008

homm, Спасибо, выручил, все ок!

Sign In

Абсолютная высота блоков (%) не отображаеться в Опере

Question

anarki

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Dimitry Wolotko

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

anarki

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information