Código :
body
{
background-color:#616161;
font-family:"Times New Roman", Times, serif;
}
p{
color:white;
}
#contenedor
{
width:700px;
height:auto;
margin:0 auto;
background-color:#333333;
border-style:solid;
border-color:#FFFFFF;
}
#cabezera
{
background-color:#606060;
width:700px;
height:140px;
border-width:1px 0 2px 0;
border-style:solid;
border-color:#FFFFFF;
margin:0 0 10px 0;
}
.conte_izquierda
{
width:100px;
height:auto;
background-color:#cccccc;
border-style:solid;
border-width:1px;
border-color:#FFFFFF;
margin:0 0 0 5px;
float:left;
padding:3px;
}
.conte_izquierda ul
{
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#586885;
line-height: 140%;
text-transform:capitalize;
}
#conte_derecha
{
width:150px;
height:auto;
background-color:#cccccc;
border-style:solid;
border-width:1px;
border-color:#FFFFFF;
margin:0 5px 0 0;
float:right;
padding:5px;
}
#conte_principal
{
overflow:auto;
width:388px;
height:auto;
background-color:#cccccc;
border-width:1px;
border-style:solid;
border-color:#FFFFFF;
margin-left:5px;
padding:10px;
}
#footer
{
width:auto;
height:30px;
background-color:#cccccc;
border-color:#FFFFFF;
border-style:solid;
border-width:1px;
margin:5px;
}
.footer h6{
text-align:center;
text-transform:uppercase;
margin:5px auto;
color:#666666;
font-size:10px;
}
a:link
{
text-decoration:none;
}
a:visited
{
text-decoration:none;
color:#0099CC;
}
a:hover
{
color:#00CC99;
}
a:active
{
color:#FF0000;
}
aca el html:
Código :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Documento sin título</title> <link rel="stylesheet" href="estilo.css" type="text/css" /> </head> <body> <div id="contenedor"> <div id="cabezera"> </div> <div class="conte_izquierda"> <ul> <li><a>Vinculo1</a></li> <li><a>Vinculo2</a></li> <li><a>Vinculo3</a></li> <li><a>Vinculo4</a></li> </ul> </div> <div id="conte_derecha"> <p>Aca van algunos vinculos </p> </div> <div id="conte_principal"> <p> Aca algo para rellenar...</p> <p> Aca algo para rellenar...</p> <p> Aca algo para rellenar...</p> <p> Aca algo para rellenar...</p> <p> Aca algo para rellenar...</p> <p> Aca algo para rellenar...</p> <p> Aca algo para rellenar...</p> <p> Aca algo para rellenar...</p> <p> Aca algo para rellenar...</p> <p> Aca algo para rellenar...</p> <p> Aca algo para rellenar...</p> </div> <div id="footer"> <div class="footer"> <h6>Candres 2005, todo el C_C reservado</h6> </div> </div> </body> </html>
bueno a tu duda pues creo que el problema que tenias con tu codigo era en el width de las columnas, no estaba mal si no que era mas del que deberia ser, internter exploter interpreta de manera diferente el css en muchos casos, y tienes que valerte de trucos para quese vean bien tus paginas en la mayoria de los navegadores, solo al contenedor principal le deje el width en 380px y con eso andubo pero los demas navegadores si veran bien esas instrucciones y te dejaran un mayor espacio asi que te recomiendo que busques sobre expeciones de css para internet explorer en google.
sale muy bien , y gracias por la bienvenida espero seguir aprendiendo de todos ustedes cada vez mas