Foros del Web » Creando para Internet » CSS »

Espacio superior en Firefox...

Estas en el tema de Espacio superior en Firefox... en el foro de CSS en Foros del Web. Hola, llevo varias horas rompiendome la cabeza con los estilos css de una web: gmcsl.es Se ve correctamente en IE pero aparece un espacio espacio ...
  #1 (permalink)  
Antiguo 27/05/2008, 06:06
 
Fecha de Ingreso: mayo-2008
Mensajes: 2
Antigüedad: 9 años, 6 meses
Puntos: 0
Espacio superior en Firefox...

Hola, llevo varias horas rompiendome la cabeza con los estilos css de una web:

gmcsl.es

Se ve correctamente en IE pero aparece un espacio espacio superior en Firefox-Opera. No entiendo la razón...

Este es el código css:

Código HTML:
body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #202020;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(imag/fond_g.jpg);
	background-repeat:  repeat-x;
	background-position: top;
	background-color: #CEDCE9;
}
.twoColFixLtHdr #container {
	background-attachment: scroll;
	background-image: url(imag/diseno.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.twoColFixLtHdr #header {
	background: #DDDDDD;
}
.twoColFixLtHdr #sidebar1 {
	float: left;
	width: 225px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 25px;
	margin-top: 165px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.twoColFixLtHdr #mainContent {
	margin-top: 70px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 265px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
.twoColFixLtHdr #footer {
	text-align: center;
	background-image: url(imag/pie.jpg);
	height: 12px;
	margin: 0px;
	padding: 20px;
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.diseno {
	width: 780px;
	text-align: left;
	background-image: url(imag/fondo.jpg);
	background-repeat: repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	top: 0px;
	position: static;
}
Está "en sucio" porque me base en una plantilla de Dreamweaver.

A ver si alguien me puede ayudar.
  #2 (permalink)  
Antiguo 27/05/2008, 06:11
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Respuesta: Espacio superior en Firefox...

Hola Crawler_81. Bienvenido al foro.

Prueba añadiendo esto a tu código:

Código:
body, html {margin:0; padding:0}
Saludos,
  #3 (permalink)  
Antiguo 27/05/2008, 06:39
 
Fecha de Ingreso: mayo-2008
Mensajes: 2
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Espacio superior en Firefox...

Hola JavierB, el relleno y márgenes de body ya estaban a 0 px, aun así muchas gracias por la ayuda.

Al final acabo de encontrar yo mismo el problema, en maincontent tenía un margen superior de 70 px para dejar un espacio superior en columna principal de texto pero por alguna razón ese margen se veía bien en IE pero no en los demás navegadores, donde sobresalia fuera del div contenedor.

Ahora he quitado el margen y usado un relleno, con lo que se soluciona el problema.

Siento las molestias. Saludos.
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 13:35.