este codigo que enviaste a mi NO me funciona en ie6. el div#proximafecha sigue desapareciendo.
inti castro [EMAIL PROTECTED] On 8/4/05, Camilo Kawerín <[EMAIL PROTECTED]> wrote: > > 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 <http://quirksmode.org> o > positioniseverything.com<http://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 Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
