manejo de divs html

[GusleonP]

Hola, sin meterte con JS o IFRAME, utiliza enlaces ancla para mostrar X contenido. Te dejo un pequeño ejemplo hecho con listas, asi tienes diferentes contenidos y los muestras con los enlaces...ya es cuestion de jueges con eso y listo:


CSS

Código CSS:

ul{width:100%; list-style:none; margin:0px; padding:0px; width:200%}
ul li{float:left}
ul li#uno{background:#666; height:100%; width:50%}
ul li#dos{background:#ccc; height:100%; width:50%}
body{overflow-x:hidden}
 

HTML

Código HTML:

<ul>
<li id="uno"><a href="prueba.html#dos">IR A DOS</a></li>
<li id="dos"><a href="prueba.html#uno">IR A UNO</a>
</li>
</ul>
 

Crea un HTML guardalo como prueba.html y veras como funciona el tema. Si quieres agregar mas LI o "pantallas" a tu diseño solo agrega un nuevo LI y modifica el ancho del UL, en este ejemplo esta en 200% por que solo hay dos LI, si son 3, el ancho del UL sera 300% y así sucesivamente.

Esto lo hice para otra cosa, pero es super simple y con algunos ajustes hace loq ue quieres sin cosas raras.

Espero sea claro ;)