el documento html contiene un div identificado como grande el cual contiene varios div y en cada div una lista ordenada.
gracias a participantes del foro lo cuales comentaron en otro post los div se ajustan deacuerdo a la pantalla
Código CSS:
Ver original
<style type="text/css"> body, html { height:100%; margin:0; padding:0; width:100%; background-color:silver; } #grande{ width:100%; height:100%; margin:0; /*text-align:center;*/ } #uno{ width:50%; display:inline-block; margin:auto; height:50%; /*background-color:blue;*/ overflow:hidden; } #dos{ width:50%; display:inline-block; height:50%; /*background-color:green;*/ overflow:hidden; } #tres{ width:50%; display:inline-block; height:50%; /*background-color:yellow;*/ overflow:hidden; } #cuatro{ width:50%; display:inline-block; height:50%; /*background-color:red;*/ overflow:hidden; } img{ width:100%; height:100%; } #ticker { height:5.5%; border: 1px solid #666; background: #DDD; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #333; font: 13px/16px Arial,Verdana,sans-serif; padding: 3px 7px; width: 97.5%; } #ticker .divider { padding: 0 4px; } #ticker a, #ticker a:visited { color:#993300; text-decoration: none; } #ticker a:hover { color: #930; }
Código CSS:
Ver original
<body> <div id="grande"> <div id="uno"><div id="ticker" class="newsTicker"> <a href="#">Volcan Nevado del Ruiz</a> <span class="divider">|</span> <ul> <li><a href="#story1">Perspectiva del Volcán Nevado del Ruiz desde el sector del Rio Azufrado</a></li> <li><a href="#story2">OVSM</a></li> <li><a href="#story3">Perspectiva del Volcán Nevado del Ruiz desde el sector del Rio Azufrado</a></li> <li><a href="#story4">OVSM</a></li> </ul> </div><img src="Persp20120726_055526M.jpg"></div><