Identificarse | Registrarse | FAQ
Anonymous

SIDEBAR parte inferior del web

+ Publicar una respuesta

2 mensajes Página 1 de 1


SIDEBAR parte inferior del web

por Alebrije » Vie Abr 11, 2014 12:58 pm

Hola, trabajo sitios web pre-hechos, hago el diseño de la plantilla... son diseños sencillos porque la pltaforma solo permite diseños sencillos (Por ejemplo, olvídense del parallax).

Pero NO me gustan los sidebars o columnas que siempre acompañan en los estilos comunes, y la quiero pasar a la parte inferior, abajo de section, arribita del footer (entre section y fotter, pues, y que section sea muy amplia) . No quiero hacer el típico truco mediocre de ampliar el tamaño de section obligando al sidebar a caer debajo, quiero hacerlo bien... con flotado me imagino, no estoy segura ... gracias.

PD. NO uso dreamweaber, uso Bloc de notas, así que me interesa saber la codificación y el marcado. gracias :)
Avatar de Usuario

Alebrije

  • Mensajes: 1
  • Registrado: Vie Abr 11, 2014 12:42 pm
  • Ubicación: Monterrey, México

Re: SIDEBAR parte inferior del web

por XainPro » Lun Abr 14, 2014 3:32 pm

<!DOCTYPE html>
<html>
<body>

<div id="container" style="width:500px">

<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>

<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
<b>Menu</b><br>
HTML<br>
CSS<br>
JavaScript</div>

<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
Content goes here</div>

<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;"></div>

</div>

</body>
</html>
Avatar de Usuario

XainPro

  • Mensajes: 3933
  • Registrado: Vie Feb 17, 2012 8:10 pm


+ Publicar una respuesta

Página 1 de 1