Problema con alineación de capas 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:
¡Gracias por vuestro tiempo y ayuda! 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;
}
