Como vereis, está desalineado, debería de estar como el otro, pero no entiendo a que se debe esa desalineación
.El codigo HTML es este:
Código :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link rel="StyleSheet" href="style.css" type=text/css> <title>index</title> <meta name="author" content="Distriker" > <meta name="generator" content="screem 0.16.1" > <meta name="description" content="" > <meta name="keywords" content="" > <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" > <meta http-equiv="Content-Script-Type" content="text/javascript" > <meta http-equiv="Content-Style-Type" content="text/css" > </head> <body> <div id="contenido"> <div id="cabecera"> <center> <h1>Bienvenido a Betaconsolas.com</h1> <h2>:D:D:D</h2> </center> </div> <div id="sidebar-izquierda"> <h3>Sección</h3> <p>Bla bla ...</p> </div> <div id="centro"> <h3>Vacio</h3> <p>Vacio</p> </div> <div id="sidebar-derecha"> <h3>Seccion 2</h3> <p>Bla bla ....</p> </div> <div id="footer"> <p>Pie - Datos aquí</p> </div> </div> </body> </html>
Y el CSS este:
Código :
#body {
text-align: center ;
background-color: #FF0000;
}
#contenido {
widht: 2000px ;
margin-left: 300px ;
margin-right: 300px ;
background-color: #E2F0DC ;
}
#sidebar-izquierda {
widht: 300px ;
float: left ;
padding: 25px ;
background-color: #FFF200;
}
#sidebar-derecha {
widht: 300px ;
float: right ;
padding: 25px ;
background-color: #FFF200;
}
#centro {
width: 510px ;
background-color: #5100FF ;
}
#footer {
background-color : #FF0004;
clear : both;
font-style : italic ;
font-color: #FF0000
}¿A que se debe mi fallo?
Saludos
