Hola!
Estoy empezando a trabajar con CSS (Por fin!) y tengo ya mi primer problema. Estoy partiendo de una estructura muy básica de diseño (cabezara, navbar, content y footer). En Explorer yFirefox el diseño se ve perfecto, los bordes se unen maravillosamente, pero en Opera ocurre un pequeño "desface" en los bordes que unen la navbar y el content. He subido una imagen para explicarme mejor:
Ese es el borde derecho de toda la web.
El código que estoy usando es el siguiente:
Código:
* {
padding: 0;
margin: 0; border:
}
body {
font-family: Verdana, Helvetica, sans-serif;
color: #ffffff;
font-size: 12px;
background-color:#c33030;
#wrapper {
width: 770px;
margin: 0 auto;
}
#header {
border: 1px solid #000000;
margin: 0px 5px 0px 5px;
height: 152px;
/*width: 800px;*/
padding: 0px;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
}
#navbar {
margin: 0px 5px 0px 5px;
padding: 5px;
/* width: 800px;*/
height: 40px;
border-right: 1px solid Black;
border-left: 1px solid Black;
background-image: url(images/barra.jpg);
background-repeat: no-repeat;
}
#centercolumn {
border-right: 1px solid Black;
border-left: 1px solid Black;
margin: 0 5px 0px 5px;
display: inline; /* IE Hack */
padding: 4px;
width: 97.4%;
float: left;
min-height: 300px;
}
* html #centercolumn {height:300px} /* IE Min-Height Hack */
#footer {
border-right: 1px solid Black;
border-left: 1px solid Black;
border-bottom: 1px solid Black;
margin: 0 5px 5px 5px;
display: inline; /* IE Hack */
padding: 4px;
float: left;
width: 97.4%;
}
¿Alguien ve algo fuera de lo normal? (Mas allá de que el código este escrito horriblemente? :P)
Saludos y gracias...
Samuel.