Foros del Web » Creando para Internet » CSS »

Bordes discontinuos. Problema con Opera

Estas en el tema de Bordes discontinuos. Problema con Opera en el foro de CSS en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 19/08/2006, 21:51
Avatar de Threepwood  
Fecha de Ingreso: febrero-2002
Ubicación: Argentina
Mensajes: 892
Antigüedad: 15 años, 10 meses
Puntos: 3
Bordes discontinuos. Problema con Opera

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.
__________________
Equívocos sin importancia
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:20.