"Pequeño" descuadre con IE 6

DooBie · #1 (**permalink**) 19/02/2008, 03:53

Buenas, vereis estoy acabando el diseño de una web, algo sencillito en cuanto ha diseño, pero me descuadra un poco el diseño al ver la web con IE6, con IE7 o Firefox se ve como yo quiero.

El caso es que tengo de fondo un color y una imagen (la imagen queda abajo a la derecha) pero me pidieron poner la misma imagen en la esquina superior izquierda. Como no puedo poner dos imagenes de fondo, hice una nueva capa con posicion fija y tamaño adecuado y la coloque en esa esquina con la imagen de fondo de la capa.

Como digo, en IE7 y firefox se ve bien, pero en IE6 empieza el cuerpo de la pagina despues de la imagen superior izquierda, dejando un feo descuadre al principio de la pagina. He probado a poner un float:left; clear:both; etc... pero no consigo corregir el fallo.

Ademas de ese fallo, tambien me descuadra otras imagenes y demas, supongo que todo por lo mismo.

Alguna ayuda?

Como una imagen vale mas que mil palabras, ahi va el "fallo"

saludos!

Raulmmmm · #2 (**permalink**) 19/02/2008, 07:29

¿Nos pones algo de código?

DooBie · #3 (**permalink**) 20/02/2008, 04:06

pues aquí va una parte del código

Código:

#arriba{
	position:fixed;
	top:0;
	left:0;
	width:205px;
	height:210px;
	background-attachment: fixed;
	background-image: url(../img/fondo_dt_arriba.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#wrap {
  width: 780px;
  min-height: 450px;
  height: auto !important;
  height: 450px;
  background-color: #cbe226; /*#fff*/
  padding: 0;
  margin: 0 auto;
}

<body>
<div id="arriba">&nbsp;</div>
<div id="wrap">
    RESTO DE CAPAS
</div> <!-- Fin #wrap -->
</body>

Decir que dentro del #wrap están el resto de capas (#header, #cuerpo, #footer, #menu...)

hades87 · #4 (**permalink**) 20/02/2008, 04:14

y si pruebas a jugar con los z-index? para superponer las capas?

DooBie · #5 (**permalink**) 20/02/2008, 04:44

Ya lo probé y no funcionaba, seguía igual.

Probaré otra vez, poniéndole un z-index a todas y cada una de las capas que tengo, a ver si así las ordena.

EDITO: Después de añadirle un z-index a todas las capas, en orden, sigue fallando la plantilla en IE6, alguna sugerencia más? GRACIAS!

hades87 · #6 (**permalink**) 20/02/2008, 05:16

como no uses las imágenes de background ya nos e que mas decirte, o reduce el tamaño de la capa contenedor.

DooBie · #7 (**permalink**) 21/02/2008, 13:13

ya lo he solucionado
al final he puesto una de las imágenes de background en html{} y la otra en body{} con lo que puedo tener las dos imágenes sin que se descuadre.

saludos!