Foros del Web » Creando para Internet » CSS »

desajuste en la maquetación de la página index

Estas en el tema de desajuste en la maquetación de la página index en el foro de CSS en Foros del Web. He creado un borde alrededor de la página index. Cuando visualizo la misma desde el explorer 7 aparece esta perfectamente ajustada a la pantalla del ...
  #1 (permalink)  
Antiguo 21/05/2009, 10:55
 
Fecha de Ingreso: septiembre-2008
Mensajes: 185
Antigüedad: 9 años, 2 meses
Puntos: 1
desajuste en la maquetación de la página index

He creado un borde alrededor de la página index.

Cuando visualizo la misma desde el explorer 7 aparece esta perfectamente ajustada a la pantalla del ordenador . Pero cuando la veo desde el explorer 6.0 aparece un espacio en blanco a l todo lo largo del lado derecho entre el encabezado y el borde de este lado.

Creo que el error puede estar en los valores incluidos en el body o el contenedor
Haber si por favor me podeis echar un cable porque no encuentro la solución.

body {
font: 95% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /*
padding: 0;
text-align: center;
color: #000000;
background-color: #FFFFFF;
border-width: 20px;
border-color:#A4FFFF;
border-style:ridge;

}

.twoColLiqLtHdr #contenedor {
width: 100%; background: #FFFFFF; /
border: 1px solid #000000;
text-align: left;
margin: 0 auto; }
  #2 (permalink)  
Antiguo 21/05/2009, 18:09
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: desajuste en la maquetación de la página index

Saludos!!

Quita los caracteres resaltados con rojo.

Cita:
body {
font: 95% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /*
padding: 0;
text-align: center;
color: #000000;
background-color: #FFFFFF;
border-width: 20px;
border-color:#A4FFFF;
border-style:ridge;

}

.twoColLiqLtHdr #contenedor {
width: 100%; background: #FFFFFF; /
border: 1px solid #000000;
text-align: left;
margin: 0 auto; }
Si bien, esto no solucionara tu problema, te ayudará un poco

Ahora bien, para solucionar tu problema, te recomiendo que uses un resset al inicio de cada hoja css que sea asi:

* {
margin: 0px;
padding: 0px;
}

Esto representa que cualquier objeto aplicado en css (para eso el *) tendra por defecto 0 en el margen externo y 0px en el margen interno (margin y padding respectivamente).

Trata con eso, que seguramente soluciona tu problema.

Hasta Luego!!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
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 00:20.