Problema de maquetacion 3 columnas
y no encuentro solución el problema es que en ie6 el div content no en encaja en su sitio en cambio en ie7 si img411.imageshack.us/img411/1306/problemamaquetacionga7.jpg
el
css
Cita:
el xhtml*{
margin:0;
padding:0;
}
body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
#container{
width:900px;
margin:0 auto;
}
#header{
width:898px;
height:100px;
border:1px dotted #CCCCCC;
background:url(images/banner.jpg);
margin:0;
}
#left{
float:left;
width:138px;
margin:0;
border:1px solid #CCCCCC;
display: inline;
}
#right{
float:right;
width:138px;
margin:0;
border:1px solid #CCCCCC;
display: inline;
}
#content{
border:1px solid #CCCCCC;
margin:0 auto;
width:618px;
}
margin:0;
padding:0;
}
body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
#container{
width:900px;
margin:0 auto;
}
#header{
width:898px;
height:100px;
border:1px dotted #CCCCCC;
background:url(images/banner.jpg);
margin:0;
}
#left{
float:left;
width:138px;
margin:0;
border:1px solid #CCCCCC;
display: inline;
}
#right{
float:right;
width:138px;
margin:0;
border:1px solid #CCCCCC;
display: inline;
}
#content{
border:1px solid #CCCCCC;
margin:0 auto;
width:618px;
}
Cita:
<body>
<div id="container">
<div id="header"></div>
<div id="left">dsadsa</div>
<div id="right">dsdsa</div>
<div id="content">sadsasdsadads</div>
</div>
</body>
<div id="container">
<div id="header"></div>
<div id="left">dsadsa</div>
<div id="right">dsdsa</div>
<div id="content">sadsasdsadads</div>
</div>
</body>
Mode Lineal
