Comunidad de diseño web y desarrollo en internet online

Otro Problema de Navegadores: IE6,IE7 y Firefox T_T

Citar            
MensajeEscrito el 22 Ene 2008 12:53 am
Hola con todos :).
Este es mi primer post , Me presento doy De Peru , ya habia leido antes este Foro pero recien me registro.

Les cuento , que estoy haciendo un Blog (WordPress) , ya esta casi todo terminado pero tengo un problema con IE6 que es el mas grande:

Capturas:

Firefox:
http://www.perupuntorock.com/blogfirefox.jpg

Internet Explorer 6:
http://www.perupuntorock.com/bloginternetexplorer6.jpg

No Entiendo porque se descuadra todo :S.
Eh intentado cambiar el codigo del CSS y nada :S.
Les dejo la muestra:

Código :

#wrapper2 {
width: 768px;
margin-left: auto;
margin-right: auto;
}
#header
{
   float: left;
   width: 992px;
   padding-bottom: 8px;
   clear: right;
   background-image: url(images/header-bg.gif);
   background-repeat: no-repeat;
   padding-left: 0px;
   height: 474px;
   margin-left: -112px;
}


y Aqui todo el CSS:

Código :

http://www.perupuntorock.com/wp-content/themes/nightlife/style.css


Que ando haciendo mal ?? T_T

Gracias por sus respuestas.

Por H0unter

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 22 Ene 2008 01:16 pm
buenas H0unter

pues no me he parado a mirar el CSS, pero a priori te digo lo que yo suelo hacer para evitar estos problemas:

- por un lado hago una hoja de estilos para firefox y el resto de navegadores

- Cuando tengo este terminado y veo que funciona bien, saco una copia y empiezo a adaptarlo para IE6, es la forma en la que te comeras menos la cabeza y seras mas ordenado

por ultimo en el index dentro del <head> añado lo siguiente;

<!--[if IE 6]>
<link href="estiloCurriculumIE6.css" rel="stylesheet" type="text/css" />
<![endif]-->


recuerda que donde pone "estiloCurriculumIE6.css" tienes que poner la ruta donde tengas guardado tu CSS para IE6

con esto no deberías tener mayor problema

y bueno supongo que lo sabrás pero lo diré igualmente, IE6 no soporta todos las propiedades de CSS, si has echo algún menú desplegable usando listas y enlaces con la pseudoclase :hover enIE6 no funcionará, así que tendrás que utilizar javascript para hacer aparecer los submenús.

espero que todo esto te sirva de ayuda^^

Por noctam

Claber

197 de clabLevel



 

firefox
Citar            
MensajeEscrito el 22 Ene 2008 01:25 pm
Haz lo que dice noctam, aunque yo solo lo haría para las partes problemáticas, no para todo en general. Por cierto, recuerda que poner

Código :

*
{
padding: 0;
margin: 0;
}


Te ahorra muchos problemas de estos (más no todos)

Por Aoyama

BOFH

6224 de clabLevel

6 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Bastard Operators From Hell

Webdesigner & Developer, en mis ratos libres bebo café por litros.

firefox
Citar            
MensajeEscrito el 22 Ene 2008 02:13 pm
Muchas gracias , lo probare y le estare contando :)

Por H0unter

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 22 Ene 2008 03:39 pm
Aoyama esa es la regla de oro del CSS XD

Por noctam

Claber

197 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.