Comunidad de diseño web y desarrollo en internet online

Problema de visualización correcta en IE 6.0

Citar            
MensajeEscrito el 14 Feb 2007 11:37 am
Éste es el código CSS:
#divPag {
width: 770px;
margin-right: auto;
margin-left: auto;
height: 100%;
}
#divLogo {
height: 86px;
width: auto;
}
#divCuerpo {
background-repeat: repeat-y;
height: 100%;
width: auto;
background-image: url(../imagenes/fondo.gif);
}
#divCierre {
background-image: url(../imagenes/bordeInferior.gif);
background-repeat: no-repeat;
clear: both;
height: 23px;
width: auto;
margin-bottom: 20px;
}
#divMenu {
float: right;
height: auto;
width: 207px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
margin-right: 16px;
padding-right: 15px;
padding-left: 15px;
}
#divContenido {
height: auto;
width: 447px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
margin-left: 17px;
padding-right: 20px;
padding-left: 20px;
}

Éste es el código HTML:
<div id="divPag">
<!-- LOGO -->
<div id="divLogo"><img src="imagenes/logoTemporal.gif" /></div>
<!-- CONTENEDOR PARA CONTENIDO Y MENÚ -->
<div id="divCuerpo">
<div id="divMenu"></div>
<div id="divContenido"></div>
</div>
<!-- PIE DE LA PÁGINA -->
<div id="divCierre"></div>
</div>


En FIREFOX 2.0 se obtiene el resultado esperado, pero no ocurre lo mismo con Internet Explorer 6.0. Aquí #divMenu se desplaza hacia la izquierda y el contenido (#divContenido) hacia abajo.
Podéis comprobar la página en:
http://telefonica.net/web/antunezsanchez/temp/puri/

Gracias y saludos a todos

Por MON___

4 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 15 Feb 2007 03:47 am
El problema es de margenes o padding.. ie los interpreta mal..

Busca en sangoogle sobre condicionales para ie.. y cambia los valores, sólo los valores que creas que son las problematicas..
Usando las condicionales para ie, no corres peligro de arruinar tu hoja de estilo para el resto de navegadores, ya que solo ie podra leerla.

Suerte.

Por J O S

712 de clabLevel

1 tutorial

Genero:Masculino  

Lima, Perú

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.