HTML:
Código:
<html>
<head>
<TITLE></TITLE>
<style type="text/css">
import url(style.css); /*Al import le falta el "@" porque me salía un error al intentar crearr el post.*/
</style>
</head>
<body>
<div id="HeaderOuter">
<div id="header">
</div>
</div>
<div id="contentOuter">
<div id="content">
<div id="leftSidebar">asfdsdf<br>ja
</div>
<div id="center">
</div>
<div id="rightSidebar">asfdsdf<br>ja<br>kljasdlfj
</div>
</div>
</div>
</body>
</html>
Código:
*{
min-height:20px;
}
html{
height:100%;
}
body{
text-align:center; /*Center Hack*/
border:1px blue solid;
height:100%; width:100%; margin:0;padding:0;
position:relative;
height:100%;
}
div#HeaderOuter{
margin:0 auto 0 auto;
width:100%;
border:solid red 1px;
height:auto;
}
div#header{
margin:0 auto 0 auto; padding:0;
width:98%;
border:solid blue 1px;
}
div#contentOuter{
text-align:left; /*Center Hack*/
width:960px;
margin:auto; bottom:0;
border:solid red 1px;
background-color:#eee;
}
div#content{
position:relative;
padding:0;margin:0;
border:solid green 1px;
left:10px; top:10px; right:10px;
width:940px;
background-color:#fcc;
}
div#rightSidebar{
float:left;
padding:0;width:140px;
border:solid blue 1px;
}
div#center{
float:left;
margin:0 0; padding:0; width:654px;
border:solid black 1px;
}
div#leftSidebar{
float:left;
padding:0;width:140px;
border:solid blue 1px;
}
Mi problema es que quiero que que el los div contentOuter y content se extiendad según el contenido de las barras verticales y del centro.