Проблема с автоматической высотой дива.

Mihail Dobkin · March 29, 2008

Странная возникла проблема...

Есть слой с автоматической высотой, в нем находятся 2 слоя, справа и слева с фиксированными высотами. При этом, главный слой, по идее, должен удлиняться в зависимости от высоты тех 2-х слоев.

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<meta http-equiv="content-type" content="text/css; charset=windows-1251" />
<title>Gallery</title>
<style type="text/css" media="all">@import "style.css";</style>
</head>
<body>
<div class = "main">
 <!-- Header-->
 <div class="header">
 </div>
 <!--Content -->
 <div class="content_auto">




 <!--Content left -->
 <div class="content_fixed_left">
 </div>
 <!--End of content right -->
 <!--Content left -->
 <div class="content_fixed_right">
 </div>
 <!--End of content right -->
 </div>
</div>

</body>
</html>

style.css

div.main { 
width : 1000px;
height : auto;
margin : 0px auto;
padding : 0px 0px;
border: 1px solid red;
} 
div.header{
background : url(images/name_01.jpg);
width : 1000px;
height : 33px;
margin : 0px 0px;
padding : 0px 0px;
border: 1px solid red;
}
div.content_auto{
background : url(images/name_09.jpg) repeat-y;
width : 1000px;
height : auto;
margin : 0px 0px;
padding : 0px 0px;
border: 1px solid red;
min-width: expression(document.body.clientWidth > 1000 ? "100%" : "1000px")
}
div.content_fixed_left{
width : 325px;
height : 580px;
margin : 0px 0px;
padding : 0px 0px;
border: 1px solid red;
float: left;
}
div.content_fixed_right{
width : 636px;
height : 580px;
margin : 0px 0px;
padding : 0px 0px;
border: 1px solid red;
float: right;
}

Mihail Dobkin · March 29, 2008

Это исправил, но сразу другой вопрос

Нужно, чтобы слой с текстом переходил через div.content_fixed_right, высота которого фиксированная и расширял div.content_auto с автоматической высотой.

div.main { 
width : 1000px;
height : auto;
margin : 0px auto;
padding : 0px 0px;
border: 1px solid red;
} 
div.header{
background : url(images/name_01.jpg);
width : 1000px;
height : 33px;
margin : 0px 0px;
padding : 0px 0px;
border: 1px solid red;
}
div.content_auto{
background : url(images/name_09.jpg) repeat-y;
width : 1000px;
height : auto;
margin : 0px 0px;
padding : 10px 0px;
border: 1px solid red;
width: expression(document.body.clientWidth > 1000 ? "100%" : "1000px")
}
div.content_fixed_left{
width : 325px;
height : 580px;
margin : 0px 0px;
padding : 0px 0px;
border: 1px solid red;
float: left;
}
div.content_fixed_right{
width : 636px;
height : 580px;
margin : 0px 0px;
padding : 0px 0px;
border: 1px solid red;
float: right;
}
div.clear{
clear: both;
}
div.text{
width: 500px;
height:auto;
color:red;
border: 1px solid red;
}

http://www.progcom.sumy.ua/prj/3/

Sign In

Проблема с автоматической высотой дива.

Question

Mihail Dobkin

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Mihail Dobkin

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information