Más de lo mismo: IE vs. Firefox... HELP!!

[marisak]

Hola a todos...!

Diseño un sitio que se ve muy bien en IE pero en Firefox aparecen 3 errores que no puedo solucionar...

1) La estructura se ve descentrada

2) La imagen de fondo del div contenedor (bodyblock) no se repite hacia abajo

3) La imagen footer.jpg que debería aparecer al pie, aparece detrás y arriba, justo debajo de la imagen header...


GRACIASSSSSSSSS!!

MarisaK

[axe]

Que editor HTML usas?
No creo que Dreamweaver... Realmente no entiendo bien la estructura del sitio, desde el punto de vista del código.

[marisak]

Es Dreamweaver, si, el editor que yo uso...............

[fearlex]

Iniciado por marisak

Diseño un sitio que se ve muy bien en IE pero en Firefox aparecen 3 errores que no puedo solucionar...

Guiate por Firefox

Iniciado por marisak

1) La estructura se ve descentrada

Yo la veo centrada en ambos.

Iniciado por marisak

2) La imagen de fondo del div contenedor (bodyblock) no se repite hacia abajo

Agregale lo que esta en negritas

#l-col {
float:left;
background: #87B6EE url(images/backmenu.jpg) repeat-y;
height: 779px;
padding-left: 33px;
color: #333333;
}

Iniciado por marisak

3) La imagen footer.jpg que debería aparecer al pie, aparece detrás y arriba, justo debajo de la imagen header...

Agregale lo que esta en negritas

#ftr {
width: 780px;
height:109px;
margin:0;
background: url(images/footer.jpg) no-repeat;
float: left;
}

Esto lo hice usando la extension Web Developer de Firefox, aunque estoy seguro que saldra bien ahora en ambos, pruebalo y dinos en cual sigue viendose mal o si sigues teniendo el problema. Suerte

[marisak]

Gracias Fearlex!!

Aqui te comento los resultados del experimento

1) En Firefox el descentrado es sutil, pero existe (o al menos, yo lo veo! )

2) El height: 779px; funciona perfectamente... el problema es que esta gente tiene unas páginas kilométricas...
En este caso el Height de 779 se queda corto... y con 100% no funciona...

3) El float: left;, maravilloso... ahora el pie se queda donde le corresponde..!!!

Alguna sugerencia para terminar de limar los ya pequeños inconvenientes?

GRACIAS MIL!!

MarisaK

[fearlex]

Iniciado por marisak

1) En Firefox el descentrado es sutil, pero existe (o al menos, yo lo veo! )

#outer {
width:650px;
margin:auto;
}
#hdr {
width: 780px;
height: 161px;
background: url(images/top.jpg) no-repeat;
}

Si #outer, contiene a #hdr, este ultimo no puede ser mayor que su contenedor. Quizas ese sea el error.

Iniciado por marisak

2) El height: 779px; funciona perfectamente... el problema es que esta gente tiene unas páginas kilométricas, como en ABOUT US / HISTORY OF ST. ANN / CHRONOLOGICAL HISTORY / Years 1978-1983
En este caso el Height de 779 se queda corto... y con 100% no funciona...

Dejame buscar como, por que no logro que me coja todo el largo del div.

[marisak]

Fearlex,

El descentrado ahora está arreglado... buen punto ese!!

Se agradece...