mi web se deforma en Firefox

[Zubzero]

hola....

quisiera saber por qué... mi web se ve bien en IE , pero se deforma por completo en Firefox...

alguin me podría ayudar en esto por favor? ... estoy algo ocupado por lo que no he podido investigar mas a fondo... pero estaría agradecido si alguien me echa una mano...

mi web es www.4liv-tyler.com

Gracias de antemano

[c0lo]

Porque tu html no es correcto, tiene errores.
Utilizá alguna herramienta para validar tu html y que quede correcto.

Saludos!!

[marcelomdsc]

ademas es un buena idea, probar tus paginas mientras las creas en firefox y no en ie! ya que firefox es el explorador que te va a mostrar la pagina de mejor forma, entonces es una MUY mala idea crear una pagina para ie y despues ponerle "hacks" para que se vea en firefox bien tambien.

[Zubzero]

hola

c0lo... te refieres a errores en el html? o errores en el código CSS?

la herramienta que me pasaste no me funciona...

[marcelomdsc]

si funciona, anda a donde dice "Input the markup you would like to validate in the text area below:" copia y pega todo el codigo de tu pagina y ahi lo validas.
Eso es para tu html, para el css tenes que ir a una pagina distinta.
Si usas dreamweaver lo podes hacer desde ahi (al menos con dreamweaver cs3)

[Zubzero]

hola, ya arreglé algunos errores en el html, pero trato de arreglar la preentación de la web y no puedo... sigue deformada... el cuerpo se pega al lado derecho, no entiendo... alguna ayuda please

[marcelomdsc]

yo no veo que algo se pegue al lado derecho ni al izquierdo. No se cual es el problema.

[Zubzero]

es que lo he estado modificando... ahora veo que el footer se va hacia arriba de la pantalla.... rayos... qué está mal? ... no entiendo...

[Zubzero]

bueno... esta es mi web que se ve en firefox



y así es como se vé en IE y debería verse en FireFox



les dejo mi codigo CSS

Código PHP:

  <style type="text/css"> 
p{font-family: Trebuchet MS,verdana,times new roman,Comic Sans;font-size:9pt;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:#666666; 
     
     
}  
#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{  
h1:center; 
margin-left: 10px;  
    margin-right: 10px; 
    background-color:#F2E3F2;  
    float:left;  
    border:1px solid #FF6FCF; 
}  
#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]-->  
   

no puedo dejar esta página mal estructurada... así que al menos espero sus opiniones....

gracias de antemano perdonen por la insistencia

[webpro_lukas]

mira es sencillo, primero y principal, en firefoxs no se deforma... el que interpreta cosas es ie, en mis inicios yo tube el mismo problema que vos y encontre la solucion empezando desde "0" trabajando con ambos navegadores abiertos, es decir, no hay una razon por la que deforme, sino que son muchos aspectos... por lo tanto la unica forma es hacerlo asi.

Espero haberte ayudado,

chau.