css mal interpretado en IE7 pero bien en firefox

laura84 · #1 (**permalink**) 21/11/2008, 03:27

Hola Chicos!!. Mi problema es que tengo un html muy basico en el que incluyo un par de divs con estilos que se ven a la perfeccion en firefox y en IE7 no, que hago? el codigo es el siguiente, es algo de los estilos pero no doy con la tecla:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>Ejemplo</title>
<style type="text/css">

#seccion_inicial h3{
margin:0 0 30px 0;
padding:0;
font-size:32px;
color:#336699;
font-family: arial;
font-weight:bold;
border-bottom:1px dashed #0066cc;}

#sub_estado{
float:right;
position: relative;
top: -2.2ex;
font-size: 0.5em;
color:black;}

#sub_estado_fin{
float: right;
position: relative;
top: -2.2ex;
color:white;
background:#666666; /*color por deteminar*/
</style>

</head>

<body>
<div id="seccion_inicial">
<h3>
<div>Ficha del Proyecto</div>
<div id="sub_estado">Fase presente:<div id="sub_estado_fin">Finalizado</div></div>
</h3>
</body>
</html>

GRacias!!!

Mikmoro · #2 (**permalink**) 21/11/2008, 03:38

Faltaría saber... ¿qué significa para ti verse "a la perfección" o verse mal?

laura84 · #3 (**permalink**) 21/11/2008, 03:58

ok, buena matización Mikmoro, jeje, basicamente en Internet Explorer 7 se solapan donde pone "Ficha del proyecto" con "Fase presente" a la izquierda. Mientras que en firefox se ve "ficha del proyecto" a la izquierda y "fase presente" a la derecha.

Muchas Gracias!!

Mikmoro · #4 (**permalink**) 21/11/2008, 04:00

Pues dependerá de la resolución o algo así, porque si te lo he preguntado es porque en FF2 también lo veo solapado a la izquierda, vamos, igual que en IE7.

Mikmoro · #5 (**permalink**) 21/11/2008, 04:13

Quizá lo que tú quieres hacer sea algo como esto:

Cita:

<body>
<div id="seccion_inicial">
<h3>
<div>Ficha del Proyecto</div>
<div id="sub_estado">Fase presente:</div>
</h3>
<div id="sub_estado_fin">Finalizado</div>
</body>

Pégalo en tu html a ver.

laura84 · #6 (**permalink**) 21/11/2008, 04:19

mmmm ami en firefox 3.04 indenpendientemente de la resolucion se me ve en paralelo y en ie7 nada de nada... mmmm. ni idea de lo que puede ser..