home Foro de soporte Ayuda para webmasters HTML básico
 
Problema con % (Moz vs IE)
#1 ·

Mi problema es el siguiente, es un diseño de 3 columnas:
#container tiene un width de 54%
#center un márgen izquierdo y derecho de 20,8%
Por lo tanto las dos columnas de sus lados deben tener uno de 19,8€ dejando un 1% de espacio.
Por lo tanto #menu tiene 19,8% pero la columna de la derecha está formada por dos div's (una arriba y a la otra abajo)
estás han de tener padding, tiene un 1% de padding por lo que su tamaño será de 17,8% dejando el 1% de espacio.

/* centre div style */
#center{
width:auto;
margin:0% 20.8%;
padding:0%;
}


/* div update & lateral right*/
#lateral, #update{
width:17.8%;
margin:0%;
padding:1%;
display:block;
text-align:left;
float:right;
background:#FA6494 url(images/bgright.jpg) repeat-x top;
color:white;
font-size:0.83em;
}

/* div update right*/
#update{
clear:right;
display: inline;
}
#update ul{
margin:0px;
padding:0px;
list-style:none;
}
#update li{
padding:0px;
margin-bottom:4px;
display:block;
width: auto;
}

/* div lateral right*/
#lateral{
display: inline;
}
#lateral ul{
margin:0px;
padding:0px;
list-style:none;
}
#lateral li{
padding:0px;
margin-bottom:14px;
display:block;
width: auto;
}


/* menu left */
#menu{
width: 19.8%;
margin:0px;
float:left;
background:#FA6494 url(images/bgmenu.jpg) no-repeat top;
text-align: left;
color:white;
}
#menu ul li{
margin:0px;
padding: 0px;
list-style-type: none;
}
#menu li a {
padding: 2%;
margin:2% 0%;
background-color:transparent;
color: white;
font-size:14px;
font-weight: bold;
text-decoration: none;
display: block;
}
#menu li a:hover {
background:#FF6699 url(images/bgmenub.jpg) repeat center;
color:white;
}


Firefox perfecto pero IE no muestra el 1% de padding....
Por qué?

Gracias


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 13
Desde: 17/Ago/2006
· ·
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Foro de soporte · Ayuda para webmasters · HTML básico
Opciones:
Versión imprimible del tema
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 18:23 UTC+01:00
Temas similares
No se han encontrado temas similares
Recomendado