Lo que pasa es que quiero my web solo con div y pues la verdad me esta costando mucho con el estilo que le quiero dar pues no logro lo que me propongo por ahora...
si alguien desea ayudarme les paso los codigos:
Este es my codigo html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>orochies web</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<LINK REL="StyleSheet" HREF="dj_style.css" type="text/css">
</head>
<body>
<!-- cabezera del documento -->
<div id="header">
</div>
<!-- col izquierda -->
<div id="izquierda">
</div>
<!-- panel central -->
<div id="central">
</div>
<!-- col derecha -->
<div id="derecha">
</div>
</div>
<!-- Pie de pagina -->
<div id="pie">
</body>
</html>
Y este my codigo css:
body {
background-color: Blue;
padding: 0px;
margin: 20px;
font: normal normal normal 12px/normal "Times New Roman", Times, serif;
}
div#header {
width: 724px;
height: 100px;
border: 1px solid black;
background: white;
}
#izquierda {
width: 144px;
height: 300px;
border: 1px solid #0C2D83;
background-color: #CED3E5;
}
#central {
width: 432px;
height: 300px;
border: 1px solid #0C2D83;
background-color: White;
}
#derecha {
width: 144px;
height: 300px;
border: 1px solid #0C2D83;
background-color: #CED3E5;
}
div#pie {
width: 724px;
height: 100px;
border: 1px solid #0C2D83;
background: white;
}
El diseño del sitio que quiero lograr es el de la imagen un simple pero complicado encabezado mas abajo tres columnas en linea y abajo de estas el pie de pagina tal como podran ver en la imagen...
Y pues la verdad no puedo lograr que todo esto me quede centrado eh usado float: left; para las columnas y se me han alineado perfectamente pero no me deja centrarlo en la pantalla...
Espero vuestra ayuda gracias...
pensandolo bien, no sé si CSS permite usar left y right ^^ pero intentalo.
Por fin logre crear web con tres columnas!!!
Mode Lineal
