Foros del web, para los que viven de bits

visceras · 16-oct-2006, 13:55

Hola:

Quiero crear una página cuyo menú esté situado a la izquierda y ocupe toda la altura de la pagina. De esta manera la cabecera, el cuerpo, y el pie de la página quedarán a la derecha y su anchura variará dependiendo de la resolución que se tenga.

A mi se me había ocurrido mostrar los "div" (menu, cabecera, cuerpo, pie) como tablas y usar las propiedades de celdas para alinearlos, pero luego me di cuenta que mister IE es un poco delicado con esto.

¿Tiene alguien alguna solución? Aquí les dejo un pequeño boceto de lo que sería en html si lo hiciera con una tabla.

Código HTML:

<table> 
  <tr>
       <td rowspan"3">Menu izquierdo</td>
       <td>Cabecera</td>
  </tr>
  <tr>
        <td>Cuerpo</td>
  </tr> 
  <tr>
        <td>Pie</td>
  </tr>
</table>

Muchas gracias

Rafael · 16-oct-2006, 16:23

Pon básicamente un <div style="float: left; width: 200px;">MENU</div>

visceras · 17-oct-2006, 12:18

Cita:

Iniciado por Rafael

Pon básicamente un <div style="float: left; width: 200px;">MENU</div>

Gracias, ya he resuelto el problema. Al final he tenido que hechar mano de las posiciones absolutas, pero cuadra bien.

JuanFranciscoB · 17-oct-2006, 20:10

Hola, recien he leido tu problema, y creo que puede hacerce asi:

<table WIDTH="100%"(PARA QUE OCUPE TODA LA PANTALLA)>
<tr>
<td rowspan"3" SUPONGO QUE AQUI PODRIAS USAR EL ATRIBUTO "WIDTH="(VALOR)"" PARA ASIGNAR EL ANCHO DE MENU IZQUIERDO, LO DEMAS TENDRIA QUE ALINIARSE SI USASTE WIDTH="100%" EN LA ETIQUETA TABLE>Menu izquierdo<TABLE></td>
<td>Cabecera</td>
</tr>
<tr>
<td>Cuerpo</td>
</tr>
<tr>
<td>Pie</td>
</tr>
</table>

ESPERO QUE TE SIRVA Y POR FAVOR CORRIGANME PQ SOY NUEVO EN ESTO

16-oct-2006, 13:55	#1 (permalink)
visceras Fecha de Ingreso: abril-2006 Mensajes: 23	Menu izquierdo Hola: Quiero crear una página cuyo menú esté situado a la izquierda y ocupe toda la altura de la pagina. De esta manera la cabecera, el cuerpo, y el pie de la página quedarán a la derecha y su anchura variará dependiendo de la resolución que se tenga. A mi se me había ocurrido mostrar los "div" (menu, cabecera, cuerpo, pie) como tablas y usar las propiedades de celdas para alinearlos, pero luego me di cuenta que mister IE es un poco delicado con esto. ¿Tiene alguien alguna solución? Aquí les dejo un pequeño boceto de lo que sería en html si lo hiciera con una tabla. Código HTML: <table> <tr> <td rowspan"3">Menu izquierdo</td> <td>Cabecera</td> </tr> <tr> <td>Cuerpo</td> </tr> <tr> <td>Pie</td> </tr> </table> Muchas gracias

17-oct-2006, 20:10	#4 (permalink)
JuanFranciscoB Fecha de Ingreso: septiembre-2006 Mensajes: 7	menu izquierdo Hola, recien he leido tu problema, y creo que puede hacerce asi: <table WIDTH="100%"(PARA QUE OCUPE TODA LA PANTALLA)> <tr> <td rowspan"3" SUPONGO QUE AQUI PODRIAS USAR EL ATRIBUTO "WIDTH="(VALOR)"" PARA ASIGNAR EL ANCHO DE MENU IZQUIERDO, LO DEMAS TENDRIA QUE ALINIARSE SI USASTE WIDTH="100%" EN LA ETIQUETA TABLE>Menu izquierdo<TABLE></td> <td>Cabecera</td> </tr> <tr> <td>Cuerpo</td> </tr> <tr> <td>Pie</td> </tr> </table> ESPERO QUE TE SIRVA Y POR FAVOR CORRIGANME PQ SOY NUEVO EN ESTO

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

16-oct-2006, 16:23	#2 (permalink)
Rafael Fecha de Ingreso: marzo-2003 Mensajes: 1.050	Pon básicamente un <div style="float: left; width: 200px;">MENU</div>

17-oct-2006, 12:18	#3 (permalink)
visceras Fecha de Ingreso: abril-2006 Mensajes: 23	Cita: Iniciado por Rafael Pon básicamente un <div style="float: left; width: 200px;">MENU</div> Gracias, ya he resuelto el problema. Al final he tenido que hechar mano de las posiciones absolutas, pero cuadra bien.