Foros del Web » Creando para Internet » CSS »

Problema con alineación de capas

Estas en el tema de Problema con alineación de capas en el foro de CSS en Foros del Web. ¡Hola! A ver si vosotros podeis echarme una mano que ya estoy un poco rallada con este temilla xD Resulta que me gustaría hacer un ...
  #1 (permalink)  
Antiguo 04/05/2006, 13:15
Avatar de malucha  
Fecha de Ingreso: abril-2005
Mensajes: 70
Antigüedad: 12 años, 8 meses
Puntos: 0
Pregunta Problema con alineación de capas

¡Hola!
A ver si vosotros podeis echarme una mano que ya estoy un poco rallada con este temilla xD

Resulta que me gustaría hacer un estilo para CSSZengarden (más que nada para practicar porque no me manejo muy allá con el CSS), entonces únicamente puedo manejar el CSS.

Ahora os paso el código de la hoja de estilos, el problema, es que tengo la capa container de 750px, cuya alineación es al centro (igual que puse en el body) y en el IE explorer me lo pone correctamente, pero en cambio en el Firefox no hay manera de que me lo muestre bien. ¡Ya no se qué más hacer! Voy a comprobarlo ahora en Ópera, pero me da que será la misma situación que con Firefox. Aquí os dejo el código a ver si sabéis decirme algo:

Código:
body { 
    
    background-color:#FFFFFF;
    background-image:url(fondoazulmarino.jpg);
    background-position:top left;
    background-repeat:repeat-x;
    font: 8pt/16pt tahoma; 
    color: #555753; 
    margin: 0 auto; 
    padding:0;    
    text-align:center;
    }
p { 
    font: 8pt/16pt tahoma; 
    margin-top: 0px; 
    text-align: justify;
    }
h3 { 
    font: italic normal 12pt georgia; 
    letter-spacing: 1px; 
    margin-bottom: 0px; 
    color: #7D775C;
    }
a:link { 
    font-weight: bold; 
    text-decoration: none; 
    color: #E53C6A;
    }
a:visited { 
    font-weight: bold; 
    text-decoration: none; 
    color: #952AA1;
    }
a:hover, a:active { 
    text-decoration: underline; 
    color: #ACE53C;
    }


/* specific divs */
#container { 
    margin: 0px; 
    padding: 0px;  
    text-align:center;
    width:750px;
    }

#intro { 
    width: 500px;
    overflow:visible;
    }
    
#pageHeader { 
    background: transparent url(cabecera.jpg) no-repeat top left;
    width:750px;
    height:130px;     
}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
    background: transparent url(cabecera_01.jpg) no-repeat top right; 
    width: 344px; 
    height: 66px; 
    float: right;
    z-index:2;
    }
#pageHeader h1 span {
    display:none
    }
#pageHeader h2 { 
    background: transparent url(cabecera_02.jpg) no-repeat top right; 
    margin-top:73px;
    _margin-top:66px;
    width: 344px; 
    height: 64px; 
    float: right;
    margin-right:-350px;
/*    margin-left:400px;*/
    z-index:1;
    }
#pageHeader h2 span {
    display:none;
    }

#quickSummary {
/*    clear:both; */
    background-image:url(cabecera_03.jpg);
    background-repeat:no-repeat;
    width: 750px;
    height:70px; 
    } 
#quickSummary p {
    font: italic 10pt/22pt tahoma; 
    text-align:center;
    color:#DDE6ED;
    }

#quickSummary p.p1  {
    display:none;
}

#quickSummary p.p2 {
/*    display:block;*/
    padding-top:45px;
}

#preamble {
    margin-top:40px;
    _margin-top:44px;
    clear: both; 
    padding: 0px 10px 0px 10px;
    text-align:left;
    width:500px;
    /*margin-left:-30px;*/
    }
    
#preamble h3 {
    margin-top:10px;
    clear:both;
    background-image:url(titulo1.gif);
    width:400px;
    height:30px;
    background-position:left top;
    float:left;
}
#preamble h3 span{
    display:none;    
}

#preamble p.p1 {
    clear:both;
}
    
#supportingText {
    clear:both;
    padding-left: 10px; 
    margin-bottom: 40px;
    width:500px;
    float:left;
    }

#explanation h3 {
    margin-top:10px;
    clear:both;
    background-image:url(titulo2.gif);
    width:400px;
    height:30px;
    background-position:left top;
    float:left;
}
#explanation h3 span{
    display:none;    
}
#explanation p.p1 {
    clear:both;
}

#participation h3 {
    margin-top:10px;
    clear:both;
    background-image:url(titulo3.gif);
    width:400px;
    height:30px;
    background-position:left top;
    float:left;
}
#participation h3 span{
    display:none;    
}
#participation p.p1 {
    clear:both;
}

#benefits h3 {
    margin-top:10px;
    clear:both;
    background-image:url(titulo4.gif);
    width:400px;
    height:30px;
    background-position:left top;
    float:left;
}
#benefits h3 span{
    display:none;    
}

#benefits p.p1 {
    clear:both;
}
#requirements h3 {
    margin-top:10px;
    clear:both;
    background-image:url(titulo5.gif);
    width:400px;
    height:30px;
    background-position:left top;
    float:left;
}
#requirements h3 span{
    display:none;    
}

#requirements p.p1 {
    clear:both;
}


#footer { 
    text-align: center; 
    }
#footer a:link, #footer a:visited { 
    margin-right: 20px; 
    }

#linkList {
    margin-left: 500px; 
    position: absolute; 
    top: 80px; 
    right: 100px;
    }
#linkList2 { 
    font: 10px verdana, sans-serif; 
    background: transparent url(paper-bg.jpg) top left repeat-y; 
    padding: 10px; 
    margin-top: 150px; 
    width: 130px; 
    }
#linkList h3.select { 
    background: transparent url(imagenes/h3.gif) no-repeat top left; 
    margin: 10px 0px 5px 0px; 
    width: 97px; 
    height: 16px; 
    }
#linkList h3.select span {
    display:none
    }
#linkList h3.favorites { 
    background: transparent url(imagenes/h4.gif) no-repeat top left; 
    margin: 25px 0px 5px 0px; 
    width: 60px; 
    height: 18px; 
    }
#linkList h3.favorites span {
    display:none
    }
#linkList h3.archives { 
    background: transparent url(imagenes/h5.gif) no-repeat top left; 
    margin: 25px 0px 5px 0px; 
    width:57px; 
    height: 14px; 
    }
#linkList h3.archives span {
    display:none
    }
#linkList h3.resources { 
    background: transparent url(imagenes/h6.gif) no-repeat top left; 
    margin: 25px 0px 5px 0px; 
    width:63px; 
    height: 10px; 
    }
#linkList h3.resources span {
    display:none
    }


#linkList ul {
    margin: 0px;
    padding: 0px;
    }
#linkList li {
    line-height: 2.5ex; 
    list-style-type: none;
    background: transparent url(imagenes/cr1.gif) no-repeat top center; 
    display: block; 
    padding-top: 5px; 
    margin-bottom: 5px;
    }
#linkList li a:link { 
    color: #988F5E;
    }
#linkList li a:visited {
    color: #B3AE94;
    }
¡Gracias por vuestro tiempo y ayuda!
  #2 (permalink)  
Antiguo 04/05/2006, 13:33
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 10 meses
Puntos: 997
Código:
#container{margin:auto;}
  #3 (permalink)  
Antiguo 05/05/2006, 06:53
Avatar de malucha  
Fecha de Ingreso: abril-2005
Mensajes: 70
Antigüedad: 12 años, 8 meses
Puntos: 0
Gracias :P Ya he solucionado el problema
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:29.