¿Qué pasa a las 10:00 am de hoy?, que abro el maldito IE y el diseño no funca
, ¿pero por qué?, si ayer validé mi hoja de estilos y mi HTML, en FF, Opera y Flock me va bien, ¿qué pudo salir mal?Ahora yo me pregunto:
"¿debo recodear (<-creo que me acabo de inventar esta palabra) todo mi CSS?", ¿tengo yo la culpa de que IE no se apegue a los estándares?, ¿que se xinguen los que usan IE?.No tengo ganas de reescribir mi hoja de estilos, y si no me marca error en la validación CREO QUE NO ES MI OBLICAGIÓN CAMBIARLA, aunque estaría dejando en el olvido a todos aquellos que usan IE por que no conocen otras alternativas, y hay que reconocer que son muchísimos.
He aquí mi dilema:
- Si no recodeo para que funque en IE... ¿dejo de ser profesional?
¿Es mi culpa no escribir para IE?
¿FF y Opera no deberían existir?
Si el Hombre Araña... ¿es cobarde?
¿Debo dejar de tomar en cuenta el validador CSS y HTML y cualquier estándar W3C?
¿La gente que visite mi web va a pensar que no se maquetar?
En realidad tengo muchas más preguntas, pero no se que hacer, échenme una manita plis.
Yo lo que pienso hacer es dejar todo como esta, al fin y al cabo mi web va dirigída a webmasters y casi todos no usamos IE, ¿pero que hay de los que aún lo usan?
Dejo mi código, por que aunque no marque errores tal vez lo tenga deshordenado
Código :
body{
color:#000000;
background:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
a img{
border:0px;
}
div#botones{
position:absolute;
width:670px;
height:70px;
text-align:right;
background:transparent;
margin-top:3px;
left:50%;
margin-left:-335px;
}
div#banners{
width:480px;
margin:0 0 0 auto;
height:70px
}
#banners li{
list-style:none;
display:block;
float:left;
padding:2px 4px;
}
#banners li a{
border:1px solid #ffffff;
}
#banners li a:hover{
border:1px solid #ffffff;
background:#6898D0;
color:black;
}
div#principal{
width:700px;
margin:0 auto 0 auto;
text-align:left;
background-image:url(fondo.gif);
}
div#titulo{
background:#ffffff url(fondo.gif);
color:#000000;
}
div#pie{
background:#ffffff url(pie.gif);
height:41px;
text-align:center;
padding:0 10px;
color:#999999;
}
div#entrada{
padding:10px;
position:absolute;
width:690px;
background-color:transparent;
margin:35px auto;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}
div#menu{
list-style:none;
width:700px;
position:absolute;
margin:0 auto 0 auto;
padding-top:0px;
font-size:11px;
background-color:#6898D0;
color:#ffffff;
}
div#menu li{
text-align:center;
margin:0px;
list-style:none;
padding:0;
float:left;
}
div#menu li a{
display:block;
margin-top:2px;
list-style:none;
width:100px;
text-align:center;
padding:0 5px 5px 5px;
background-color:#6898D0;
color:#FFFFFF;
text-decoration:underline;
}
div#menu li a:hover{
background-color:#6898D0;
color:#f1f2f3;
list-style:none;
text-decoration:underline;
}
Y los shots:
Saludos!
