Estoy maquetando una actualización de mi web.
Y quiero hacerla en CSS. Pero tengo un problema a ver si alguien me puede ayudar
Quiero juntar mi
<div id="izq">
con los div: <div id="principal"> y <div id="idioma">
el ejemplo está en www.construirturismo.com.ar/test.asp
Les pego los códigos para que me den una mano
ASP
<body>
<div id="contenedor">
<div id="header"><% call header %></div>
<div id="idioma">IDIOMA</div>
<div id="cuerpo">
<div id="der">DERECHA</div> <div id="principal"> principal </div> <div id="izq">IZQUIERDA</div>
</div>
<div id="menuinf"> <% call menuinf %> </div>
<div id="pie"> <% call piepagina %> </div>
</div>
</body>
CSS
BODY {
font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 10 0 10 0px;
text-align: center;
background-color: #ebebeb;
}
#contenedor{
text-align: left;
width: 980px;
margin: auto;
}
#header{
background-color: #d0d0ff;
color: #333300;
font-size:12pt;
font-weight: bold;
}
#idioma {
background-color: #d0d0ff;
color: #ffffff;
font-size:12pt;
font-weight: bold;
padding: 3 3 3 10px;
}
#cuerpo{
margin: 10 0 10 0px;
}
#der{
width: 150px;
background-color: #999999;
float: left;
}
#izq{
width: 190px;
background-color: #999999;
float:right;
}
#principal{
margin-left: 150px;
background-color: #ffffff;
width: 630px;
padding: 4 4 4 4px;
}
#menuinfd {
width: 130px;
margin-bottom: 10px;
margin-top: 10px;
float: right;
height: 100px;
border:1px;
border-color:#FF9933;
border-style:dashed;
padding: 0 0 0 0px;
}
#menuinfds {
width: 122px;
margin-bottom: 4px;
margin-top: 4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color: #FF9933;
height: 20px;
text-align:center;
}
#menufoto {
width: 122px;
margin-bottom: 4px;
margin-top: 8px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color: #FF9933;
height: 20px;
text-align:center;
}
#pie{
background-color: #cccccc;
padding: 3 10 3 10px;
text-align:right;
clear: both;
}
#menuinf{
background-color: #ffffff;
clear: both;
}