Foros del Web - Ver Mensaje Individual

Mikmoro · #8 (**permalink**) 07/05/2008, 07:19

No estoy muy seguro de por qué tienes las cosas hechas de esa manera, pero con lo que tienes ahora mismo de código, si eliminas los selectores especiales para IE, que no os necesitas, y pones este código en tu css, se ve exactamente igual en FF, IE6 e IE7:

Cita:

body, html {
color: #ffffff;
background: #FF0000;
text-align: justify;
FONT-FAMILY: verdana;
font-size: 12px;
margin: 0px;
padding: 0px;
}
body{
overflow : -moz-scrollbars-vertical;
}
div#content {
MIN-HEIGHT: 100%;
padding-bottom: 140px;
left: 0px;
PADDING-TOP: 18px;
border:0px solid red;
width: 785px;
MARGIN: 0px auto;
}
div#footerwrap {
LEFT: 0px;
WIDTH: 100%;
BOTTOM: 0px;
POSITION: absolute;
HEIGHT: 125px;
}
BODY > div#footerwrap {
POSITION: fixed;
}
div#footer {
HEIGHT: 125px;
width: 100%;
BOTTOM: 0px;
}
#caja {
position:absolute;
LEFT: 0px;
WIDTH: 100%;
BOTTOM: 0px;
HEIGHT: 115px;
background: #0000FF;
border:0px solid red;
}

Dos cosas más:

1.- No necesitas poner a cada etiqueta el id y la clase iguales; con uno de los dos basta (en tu caso sólo con los id, por cómo lo has puesto en la css)

2.- Tienes una cosa un poco rara: primero llamas a la hoja de estilo, luego llamas a las de IE6 y luego llamas con un import nuevamente a la hoja de estilo. Esto último te sobra.

Es decir: para que se vea igual lo que tienes ahora te bastaría con

Cita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xml:lang="es" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1">
<link media="screen,print" href="css/style.css" type="text/css" rel="stylesheet">
<link media="handheld" href="css/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eu tortor vel neque congue congue. Mauris quis erat. Vestibulum dictum ligula vel purus. Vivamus eget purus. Quisque nulla. Proin nonummy elit nec erat. Suspendisse molestie, orci sed molestie congue, erat pede consectetuer tellus, non ultricies turpis purus eget lorem. Fusce ut libero. Donec gravida euismod elit. Sed rhoncus. Vivamus nibh magna, scelerisque id, tempus in, auctor non, ipsum. Vivamus vitae metus id elit consectetuer vestibulum. Etiam augue. Ut velit urna, porta a, commodo vitae, blandit vitae, odio. Ut mi arcu, placerat eu, imperdiet non, molestie quis, elit. Phasellus ligula ipsum, venenatis sit amet, feugiat eget, blandit aliquam, risus. Donec mollis.<br><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eu tortor vel neque congue congue. Mauris quis erat. Vestibulum dictum ligula vel purus. Vivamus eget purus. Quisque nulla. Proin nonummy elit nec erat. Suspendisse molestie, orci sed molestie congue, erat pede consectetuer tellus, non ultricies turpis purus eget lorem. Fusce ut libero. Donec gravida euismod elit. Sed rhoncus. Vivamus nibh magna, scelerisque id, tempus in, auctor non, ipsum. Vivamus vitae metus id elit consectetuer vestibulum. Etiam augue. Ut velit urna, porta a, commodo vitae, blandit vitae, odio. Ut mi arcu, placerat eu, imperdiet non, molestie quis, elit. Phasellus ligula ipsum, venenatis sit amet, feugiat eget, blandit aliquam, risus. Donec mollis.<br><br>
</div>
<div id="footerwrap">
<div id="footer">
<div id="caja">
</div>
</div>
</div>
</body>
</html>

Mikel.