Estilos CSS en explorer y firefox

laury_p · #1 (**permalink**) 13/07/2010, 08:46

Hola! estoy armando una web con css y divs. El problema que tengo es que cuando la veo en Firefox se ve bien y en Explorer las cosas se mueven de lugar!
Probe con hacer dos hojas de estilo pero no funciona...
Le pueden hechar una mirada???

[URL="http://www.bocetoweb7.com.ar/"]http://www.bocetoweb7.com.ar[/URL]

Gracias!!!!!!!!!!!!!!!!!!!!!!!

lair · #2 (**permalink**) 13/07/2010, 09:36

Hola laury_p.

con dos estilos deberia de funcionarte, yo lo hacia asi.

tambien te recomiendo este libro, explica por que el explorer hace eso y algunas posibles soluciones

http://www.google.com.mx/url?sa=t&so...XoGDxypC1J2n-Q

suerte, espero te sirva

laury_p · #3 (**permalink**) 13/07/2010, 10:46

este es el codigo que tengo para linkar el css, pero me parece que no lo toma

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<link href="estilo-golteins.css" rel="stylesheet" type="text/css" />



</head>

Carlangueitor · #4 (**permalink**) 13/07/2010, 10:48

Prueba así:

Código CSS:

Ver original<!--[if ie]>
<link href="estilo-golteins_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

Saludos

XxflezhaxX · #5 (**permalink**) 13/07/2010, 11:03

Yo no veo problemas.
El unico error que veo son:

1) la posicion del H3 (Dra. Sara Golteins) [en FF y en IE]
2) El background rojo en IE

por lo que, corrige el posicionamiento de la imagen "titulos.png"

Código CSS:

Ver originalh3 {
    background-image:url(photos/titulos.png);
    background-position:left;
    background-repeat:no-repeat;
    padding-left:33px;
    padding-top:10px;
    height:25px;
    font-size:15px;
    color:#F66;

Código CSS:

Ver original#tit-cv-home {
    position: absolute;
    left: 156px;
    top: 525px;
    width: 201px;
    height: 37px;
    margin-left:10px;
    }

y el background tienes #666;
te recomendaria que uses una imagen gris de background-image para evitar problemas con el IE y se vea igual tanto en IE y FF.

saludos!!

laury_p · #6 (**permalink**) 13/07/2010, 13:52

siguen saliendose de lugar las cosas, pero mil gracias por contestar!!!

XxflezhaxX · #7 (**permalink**) 13/07/2010, 14:12

Bueno la verdad no se que decirte, ahora entro y veo la pagina y en FF y en IE exactamente igual y con el background ya correjido.

solo una cosa que anteriormente note y que ahora no.
donde dice "Cirugía Plástica, Estética y Reparadora"
tenia un titulo de Dra. Sara Golteins con una florecita, eso es lo unico que ya desaparecio por que ni en FF ni en IE sale.

y otro punto, nosotros no sabemos como debe de ser en realidad la pagina original, por lo que es aun mas dificil saber que cosas estan fuera o desobicados o cuales son los errores.

saludos!!

lair · #8 (**permalink**) 13/07/2010, 14:28

Hola laury.

estaba viendo y modificando con el firebug, es un pluing de firefox coloque esto en el estilo para corregir lo del menu

Código CSS:

Ver original#submenu {
    height:205px;
    left:151px;
    margin-left:120px;
    position:absolute;
    top:161px;
    width:172px;
}

intentalo para ver que resultado tienes.

sino me equivoco esta en:
estilo-golteins.css
linea:
268

laury_p · #9 (**permalink**) 15/07/2010, 09:30

Gracias!!!!!!!!!!!!!!!!!!!!!!