se ve bien en FIREFOX pero ligero desacomodo en IE

[fjchavez]

Hola a todos, como bien dice el asunto mi web cuadra bien en firefox pero en IE hay un ligero desacomodo como se ve aca . Es como si el div que esta entre el header y el contenido se agrandara mas que el background-image que le he puesto, esto solo sucede en IE (el mismo problema tb lo tengo con el div que esta entre el contenido y el footer)
PD: solo en el maquetado pork al contenido aun lo le pongo estilo.

[decacross]

Iniciado por fjchavez

Hola a todos, como bien dice el asunto mi web cuadra bien en firefox pero en IE hay un ligero desacomodo como se ve [/URL]. Es como si el div que esta entre el header y el contenido se agrandara mas que el background-image que le he puesto, esto solo sucede en IE (el mismo problema tb lo tengo con el div que esta entre el contenido y el footer)
PD: solo en el maquetado pork al contenido aun lo le pongo estilo.

Amigo . lo e visto en firefox... y no cuadro... uso una resolución de 1280 *800

solo te mando el aviso.. suerte... me gustaría poder ayudarte..

[fjchavez]

gracias por el aviso y aprovechando tu aviso, hago una pregunta: hay algun programa que permita visualizar la pagina a diferentes resoluciones y en diferentes navegadores web????????
pork yo la veo bien en firefox a 800*600, 1024*768, 1152*864 y 1280*1024 (ojo me refiero a la maquetación no a los estilos del contenido)

[decacross]

Iniciado por fjchavez

gracias por el aviso y aprovechando tu aviso, hago una pregunta: hay algun programa que permita visualizar la pagina a diferentes resoluciones y en diferentes navegadores web????????
pork yo la veo bien en firefox a 800*600, 1024*768, 1152*864 y 1280*1024 (ojo me refiero a la maquetación no a los estilos del contenido)

yo uso la extensión.... web developer

espero q te sirva

[fjchavez]

con esa extension de firefox tb la redimensione a la resolucion que me comentas y me sigue cuadrando bien , o estoy comentiendo algo errado???

[decacross]

Iniciado por fjchavez

con esa extension de firefox tb la redimensione a la resolucion que me comentas y me sigue cuadrando bien , o estoy comentiendo algo errado???

una imagen vale mas que mil palabras


aqui el link
http://img301.imageshack.us/img301/3521/pantallox6.jpg

[fjchavez]

Ahhhh a eso te referias , bueno eso es pork no he aplicado estilos a los contenidos aun.
A lo que me referia era al fondo de los div, si ves en la pagina en el menu > codigo web ahi esta el codigo actual de la pagina y las partes en rojo no se ven bien en IE, de momento el contenido no tiene formato, quiero solucionar el problema y recien darle formato.

[fjchavez]

En IE 6 para Windows se me desacomoda ligeramente la página y queda así



mientras k en firefox esta bien todo.

Código CSS

body{
text-align: center; /*para centrarlo en internet explorer*/
}

#cuerpo, #contenedor, #header{
width:780px;
margin: 0 auto;/* Es necesario poner un ancho o alto para que IE "limpie" el elemento automaticamente */
}

#header {
padding: 0;
margin:0;
}

#top-enlace {
float:left;
width:364px;
height:28px;
overflow:hidden;
background: url(images/top_enlace.gif) no-repeat;
}

#top-fig-1 {
float:left;
width:227px;
height:28px;
background: url(images/top_fig_1.gif) no-repeat;
}

#top-buscar {
float:right;
width:189px;
height:44px;
background: url(images/top_buscar.gif) no-repeat;
}

#top-medio-izq {
float:left;
width:180px;
height:142px;
overflow:hidden;
background: url(images/top_medio_izq.gif) no-repeat;
}

#logo {
float:left;
width:411px;
height:142px;
background: url(images/logo.gif) no-repeat;
}

#top-medio-der {
float:right;
width:189px;
height:142px;
overflow:hidden;
background: url(images/top_medio_der.gif) no-repeat;
}

#top-abajo-path {
float:left;
width:423px;
height:29px;
background: url(images/top_abajo_path.gif) no-repeat;
}

#top-fig-2 {
float:left;
width:168px;
height:29px;
background: url(images/top_fig_2.gif) no-repeat;
}

#top-fig-3 {
float:right;
width:189px;
height:13px;
background: url(images/top_fig_3.gif) no-repeat;
}

#top-contenido{
clear:both;
width:780px;
height:10px;
background: url(images/top_contenido.gif) no-repeat;
}

#contenedor {
overflow: hidden;
}

/* Limpiamos el contenedor para los navegadores que si funcionan como deben */
#contenedor:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}

#izquierda, #central, #derecha {
float: left;
padding-bottom: 32768px;
margin-bottom: -32768px;

}
#izquierda {
width: 180px;
background: url(images/menu_izq.gif) repeat-y;
}

#central {
width: 420px;
background: url(images/contenido.gif) repeat-y;
}

#derecha {
width: 180px;
background: url(images/menu_der.gif) repeat-y;
}

#bottom-contenido{
clear:left;
width:780px;
height:10px;
background: url(images/bottom_contenido.gif) no-repeat;
}

#footer {
clear: left;
width:780px;
height:40px;
margin: 0;
padding: 0;
background: url(images/pie.gif) no-repeat;
}

Código HTML

<div id="cuerpo">

<div id="header">
<div id="top-enlace"></div>
<div id="top-fig-1"></div>
<div id="top-buscar"></div>
<div id="top-medio-izq"></div>
<div id="logo"></div>
<div id="top-medio-der"></div>
<div id="top-abajo-path"></div>
<div id="top-fig-2"></div>
<div id="top-fig-3"></div>
</div>

<div id="top-contenido"></div>

<div id="contenedor">

<div id="izquierda">Texto sin formato CSS.Texto sin formato CSS.Texto sin formato CSS.</div>
<div id="central">Texto sin formato CSS.Texto sin formato CSS.Texto sin formato CSS.</div>
<div id="derecha">Texto sin formato CSS.Texto sin formato CSS.Texto sin formato CSS.</div>

</div>

<div id="bottom-contenido"></div>

<div id="footer"></div>

</div>

[fjchavez]

alguien me ayuda?