Ver Mensaje Individual
  #3 (permalink)  
Antiguo 12/05/2007, 05:39
Avatar de hector_he
hector_he
 
Fecha de Ingreso: agosto-2006
Ubicación: Barcelona
Mensajes: 207
Antigüedad: 18 años, 3 meses
Puntos: 4
Re: Problema headers en Mozilla

Hola,
Lo primero muchas gracias por responder

La segunda, lo siento se me olvidó poner el código css...(¬¬)
Como dije, es correcto aplicar un font-size a un header? o hay que respetar ya el tamaño predeterminado que tengan?
EL h2 tiene un como prueba pero se muestra diferente también en Mozilla.
Gracias

Código:
/* font size control */
* {
padding: 0;
margin: 0;
z-index: 1;
}
body {
font-size: 70%;
}
img {
border: none;
}
html:first-child {
font-size:82%;
}

/* background height */
html {min-height: 100%;height: auto;}

BODY {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color:white;
margin: 6px 0px; 
text-align: center; 
background:#000000  url(images/bg.jpg) no-repeat bottom;
} 

a {color: #CCCCCC; text-decoration: none; background:transparent}
a:hover {color:#999999; text-decoration: none; background:transparent}

/* headers */
h1, h2, h3, h4, h5, h6{margin:0px;}
h2{
text-align:left;
margin-bottom:4px;
font-size: x-large; 
}
h3{ 
background-color:#FF0066; 
text-align:left; 
padding: 4px;
font-weight:bold;
color:white;
}
h4{
text-align:left;  
padding: 0px; 
margin-top:8px;
}
h5{
text-align:right;  
padding: 0px; 
margin:2px 0px 8px 0px;
}
h6{
font-weight:normal;
text-align:center;  
padding: 0px; 
margin:4px 0px;
}

/* div 2 columns*/
#container{
text-align: left; 
margin: auto;
padding: 0px;  
width:700px;
} 
#head{
width:700px; 
height:200px; 
margin-bottom: 6px;
text-align:center;
}
#body{
margin: 10px 0px;
padding:0px;
} 
#center{
width:404px; 
margin:0px 0px 14px 160px;
padding:0px;
}

/* div lateral right*/
#lateral{
text-align:left;
width: 110px;
float:right;
padding:8px;
margin-left:10px;
background:#FA6494 url(images/bgright.jpg) repeat-x top;
color:white;
}
#lateral ul{
margin:0px;
padding:0px;
list-style:none;
}
#lateral li{
padding:0px;
margin-bottom:14px;
display:block;
width: auto;
}

/* menu left */
#menu{
width:150px;
float:left;
background:#FA6494 url(images/bgmenu.jpg) no-repeat top;
text-align: left;
padding:6px 0px;
margin:0px;
color:white;
}
#menu ul {
margin:0px;
padding: 0px;
list-style-type: none;
}
#menu li { 
width:150px; 
height:auto; 
margin:2px 0px;
}
#menu a {
background-color:transparent;
color: white; 
font-size:14px; 
font-weight: bold;
text-decoration: none; 
padding: 6px 12px;
display: block;
}
#menu a:hover {
background:#FF6699 url(images/bgmenub.jpg) repeat center;
color:white;
}

/* menu profile */
#profile{
width:404px;
padding:0px;
margin:0px;
}
#profile ul {
margin:0px;
padding: 0px;
list-style-type: none;
}
#profile li {
display: inline;  
margin:0px;
padding:0px;
width:auto;
white-space:nowrap;
}

/* text style and list */
.text{
width:auto; 
margin-bottom:12px;
padding: 10px 12px; 
background:url(images/bgtext.jpg) repeat-y center;
}
.text ul{
margin:0px;
padding:0px;
}
.text li{
list-style:none;
margin:12px 0px;
padding:0px;
}

/* inline style list */
#center .inline{
font-size:12px;
text-align:center;
}
.inline{
margin:0px;
padding:0px;
font-size:9px;
}
.inline ul{
margin:0px;
padding:0px;
text-align:center;
}
.inline li{
list-style:none;
margin:0px;
padding:0px;
display:inline;
}
.inline li a{
margin:0px;
padding:0px;
}

/* credit class */
.credit{
font-size:10px;
text-align: right;
}

/* p style */
p {
line-height:20px;
margin:auto;
}