hola, hace unas horas que me he decidido a probar cómo va el Firefox y al cargar mi web , me he dado con la ingrata sorpresa de que los objetos, menu, cabecera, cuerpo, se descuadran por completo.... cosa que no sucede en IE...
este es el código CSS que utilizo para mi web:
Código PHP:
p{font-family: Trebuchet MS,verdana,times new roman,Comic Sans;font-size:11pt;text-align:justify;}
#menu3 {
position : relative;
height : auto;
margin-left : 0px;
padding : 0px;
float:right;
border : 1px solid #eee;
list-style-type :none;
}
#menu3 ul {
border:1px solid #ffffff;
margin-left : 0px;
padding : 2px;
float:left;
widht:100px;
}
#menu3 li {
position:relative;
margin-left : 0;
width:100px;
padding : 2px;
font : normal 8pt Tahoma, Arial, Verdana, Serif, Symbol;
border: 1px solid #fff;
list-style-type :none;
}
#menu3 li a {
display : block;
width : 100px;
height : 17px;
margin : 0;
padding : 2px 0 0 20px;
border:1px solid #fff;
color : #828598;
}
#menu3 li a:link{
display : block;
width : 100px;
height : 17px;
color : #000;
}
#menu3 li a:hover {
width : 100px;
height : 17px;
background:#ccf;
color : #0000cc;
text-decoration:underline;
}
#menu3 li a:active{
width : 100px;
height : 17px;
color : #0000cc;
}
#menu3 li a:visited{
width : 100px;
height : 17px;
color : #000;
}
ul#menu2 {list-style-type:none; margin:0 0 0 0px; padding:0 0 0 0px;}
ul#menu2 li {margin:2 2 2 2px; padding:2 2 2 2px;}
a,a:visited{
text-decoration:underline;
color:0066cc;
}
a:hover{
text-decoration:underline;
color:#0033cc;
}
a:link{
color:0066cc;
text-decoration:underline;
}
a:active{
text-decoration:underline;
color:0066cc;
}
ul#menu {list-style-type:none; margin:0; padding:0;}
ul#menu {text-decoration:none; font-family: Trebuchet MS,Verdana, Arial, Helvetica;font-size:9pt;}
BODY {
position:relative;
height:100%;
margin-left:5px;
margin-right:5px;
text-align: center;
background-color: #ff99ff;
color:#666;
}
#cabecera{
background-color: #F2E3F2;
width: 100%;
}
#enlaces{
width:80%;
background:#F2E3F2;
margin-left:10px;
margin-right:10px;
color:#000000;
align:center;
font-size:9pt;
}
#cuerpo{
margin-left: 10px;
margin-right: 10px;
min-height:100%;
}
#principal{
margin-left: 10px;
margin-right: 10px;
background-color:#F2E3F2;
float:left;
border:1px solid #FF6FCF;
color:#666666;
h1:center;
}
#publicidad{
background-color:#F2E3F2;
width:728px;
padding:10 10 10 10px;
float:center;
}
#lateral{
width:100px;
background-color:#f2e3f2;
float:left;
border:1px solid #Ff6fcf;
font-family:Trebuchet MS,times new roman,Comic Sans;font-size:10pt;
}
#laterali{
width:100px;
background-color:#F2E3F2;
float:right;
link:#ffffff;
font-family: Trebuchet MS,verdana,times new roman,Comic Sans;font-size:9pt;
border:1px solid #FF6FCF;
}
#pie{
background-color: #FF6FCF;
height:30 px;
margin:10px 0 0 0 ;
color:#fff;
border:1px solid #FF6FCF;
}
.relleno{
height:5px;
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
#cuerpo{
height:100%;}
</style>
<![endif]-->
necesito algo de ayuda en este problema, les agradecería mucho.
Saludos.