Hola usuarios de Foros del web. Espero que estén muy bien. Hoy se me presento un inconveniente al chequear mi página web en IE.
Le aplico un margin-bottom a mi <div> "footer" y este se visualiza perfectamente en chrome, pero no en IE. Probe de varias formas, intentando colocarlo en otros divs, pero no hubo caso. Dejo un fragmento de mi código.
Fragmento código html: Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css"/>
<link href="/favicon.ico" rel="shortcut icon" />
<title>Gwallpapers</title>
</head>
<body>
<div class="cuerpo">
<div class="header">
<div class="logo">
<a href="index.html"><img class="logo" src="images/logo5.png" alt="logo"/></a>
</div>
</div>
<div class="contenido">
<div class="espaciowallpapers">
</div>
<div class="sidebar">
</div>
<div class="footer">
<p>Gwallpapers - 2012</p>
</div>
</div>
</div>
</body>
</html>
Partes de mi código css que considero importantes: Código HTML:
.cuerpo{
width:1191px;
margin:auto;
position:relative;
}
.footer{
width:914px;
height:30px;
background:#434d6e;
margin-bottom:10px;
float:left;
overflow:hidden;
border-radius: 0px 0px 10px 10px;
border-left:1px solid #434d6e;
border-right:1px solid #434d6e;
}
Todo seria más fácil si podría agregarle un margin-bottom al .cuerpo, pero le di un margin:auto para que la página quede centrada.
La verdad no se me ocurre una solución al problema, espero que ustedes puedan ayudarme. Muchisimas gracias por su tiempo, que tengan un buen día!