19/08/2007, 20:11
|
| | | Fecha de Ingreso: agosto-2006 Ubicación: Barcelona
Mensajes: 207
Antigüedad: 18 años, 3 meses Puntos: 4 | |
Problema con % (Moz vs IE) Hola, tengo un grave problema y es que resulta que IE y Moz me llen diferente los % sobretodo del padding y no se a que se debe...
Código:
* {
padding: 0%;
margin: 0%;
z-index: 1;
}
/* background height */
html {min-height: 100%;height: auto;}
BODY {
font-family: Verdana, Arial;
font-size: 12px;
color:white;
margin: 6px 0px;
text-align: center;
background:#000000 url(images/bg.jpg) no-repeat bottom;
}
/* links style */
a {color: #CCCCCC; text-decoration: none; background:transparent}
a:hover {color:#999999; text-decoration: none; background:transparent}
.text a {color: #CCCCCC; text-decoration: none; background:transparent; font-weight:bold}
.text a:hover {color:#999999; text-decoration: none; background:transparent; font-weight:bold}
/* headers */
h1, h2, h3, h4, h5, h6{margin:0px;}
h2{
text-align:left;
margin:0px;
font-size:2.17em;
}
h3{
background-color:#FF0066;
text-align:left;
padding: 4px;
margin:0px;
font-weight:bold;
font-size: 1.50em;
}
h4{
text-align:left;
padding: 0px;
margin-top:10px;
font-size: 1.33em;
}
h5{
text-align:right;
padding: 0px;
margin:2px 0px 8px 0px;
font-size: 1.17em;
}
h6{
text-align:right;
padding: 0px;
margin:2px 0px 8px 0px;
font-size: 0.83em;
}
/* container style */
#container{
width:54%;
margin: auto;
}
/* head style */
#head{
width:auto;
margin: auto;
height:200px;
text-align:center;
}
/* body style */
#body{
margin: 1% 0%;
padding:0%;
}
/* centre div style */
#center{
width:auto;
margin:0% 20.8%;
padding:0%;
}
#lateral, #update{
width: 17.8%;
margin:0px;
padding: 1%;
}
/* div update right*/
#update{
text-align:left;
float:right;
clear:right;
background:#FA6494 url(images/bgright.jpg) repeat-x top;
font-size:10px;
display: inline;
}
#update ul{
margin:0px;
padding:0px;
list-style:none;
}
#update li{
padding:0px;
margin-bottom:4px;
display:block;
width: auto;
}
/* div lateral right*/
#lateral{
text-align:left;
float:right;
background:#FA6494 url(images/bgright.jpg) repeat-x top;
color:white;
font-size:10px;
display: inline;
}
#lateral ul{
margin:0px;
padding:0px;
list-style:none;
}
#lateral li{
padding:0px;
margin-bottom:14px;
display:block;
width: auto;
}
/* menu left */
#menu{
width: 19.8%;
margin:0px;
float:left;
background:#FA6494 url(images/bgmenu.jpg) no-repeat top;
text-align: left;
color:white;
display: inline;
}
#menu ul li{
margin:0px;
padding: 0px;
list-style-type: none;
}
#menu li a {
padding: 4px;
margin:2% 0%;
background-color:transparent;
color: white;
font-size:14px;
font-weight: bold;
text-decoration: none;
display: block;
}
#menu li a:hover {
background:#FF6699 url(images/bgmenub.jpg) repeat center;
color:white;
}
/* menu profile */
#profile{
width:404px;
text-align: center;
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:2%;
text-align:justify;
padding:2%;
background:url(images/bgtext.jpg) repeat-y center;
line-height:20px;
}
.text ul{
margin:0px;
padding:0px;
}
.text li{
list-style:none;
margin:6px 0px;
padding:0px;
}
/* inline style list */
#center .inline{
font-size:10px;
text-align:center;
}
.inline{
margin:0px;
padding:0px;
font-size:9px;
}
.inline ul{
margin:4px;
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 {
margin:22px 0px;
}
Si lo queréis comprobar: http://www.pinkujisatsu.cjb.net/
Gracias |