Buenas,
Inti Castro escribió:
quedarían hacer algunos ajustes para eliminar pequeñas separaciones entre
<div>s y alguna que otra inconsistencia.
espero no haber cambiado un problema por otro.
El problema eran los divs ubicados después del que tiene posicionamiento
absoluto. Si tuviera tiempo haría un demo simplificado para mandarlo a
quirksmode.org o positioniseverything.com porque no he visto un bug similar.
Limitado el problema, seguí probando a cambiar margin y padding y logré
elminar los agujeros entre cajas. La solución quedó reducida a una línea
que debe ver sólo IE, así:
<!--[if IE 6]>
<style type="text/css">
#encuesta, #foro {margin: 0 0 0 -.2em; padding: 0 .1em 0 0; background:
#ffffdf; }
</style>
<![endif]-->
El resto de la página sería:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html lang="es" xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>27Sur.com | Comunicación y Diseño | Corrientes, Argentina</title>
<style type="text/css">
html, body, div { margin: 0; padding: 0; }
body { font: 62.5% "Trebuchet MS", Helvetica, sanz-serif; background: #fff;
}
#documento { width: 76em; margin: 0 auto; background: #ffefff; }
#cabecera { height: 6em; background: #ffcfff; }
#contenidos { position: relative; float: left; width: 35em; }
#secciones, #posiciones, #foro, #encuesta { float: left; width: 17.5em;
height: 17.5em; background: #ffffcf; }
#secciones, #posiciones { margin: 17.5em 0 0 0; }
#proximafecha { position: absolute; top: 0; left: 17.5em; width: 17.5em;
height: 17.5em; background: #f66; }
#secciones { background: #6f6; }
#posiciones { background: #66f; }
#foro { background: #ff6; }
#encuesta { background: #6ff; }
#noticias { float: left; width: 41em; height: 51.9em; background: #ffafff; }
#pie { clear: both; height: 2em; background: #ffcfff; }
</style>
</head>
<body>
<div id="documento">
<div id="cabecera">
<h1>cabecera</h1>
</div>
<div id="contenidos">
<div id="secciones">
<h2>secciones</h2>
</div>
<div id="posiciones">
<h2>posiciones</h2>
</div>
<div id="proximafecha">
<h2>proxima fecha</h2>
</div>
<div id="foro">
<h2>foro</h2>
</div>
<div id="encuesta">
<h2>encuesta</h2>
</div>
</div>
<div id="noticias">
<h2>noticias</h2>
</div>
<div id="pie">
<p>pie</p>
</div>
</div><!-- documento -->
</body>
</html>
--
Camilo Kawerín
27Sur comunicación & diseño
http://www.27sur.com
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
