Index.html
<html>
<head>
<title>SELECCION DE MODULOS</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="logo">
LOGO
</div> <!--Fin de logo-->
<div id="menuprincipal">
MENU PRINCIPAL
</div> <!--Fin de menu principal-->
<div id="marco-general"> <!--Marco General-->
<div id="left-sidebar">
LEFT SIDEBAR
</div> <!-- Fin de left-sidebar-->
<div id="content">
CONTENT
</div> <!-- Fin del content-->
<div id="right-sidebar">
RIGHT SIDEBAR
</div> <!-- Fin de right-sidebar-->
</div> <!--Fin de marco general-->
<div>
<div id="footer">
FOOTER
</div> <!-- Fin de Footer-->
</div> <!-- Fin de Wrapper-->
</body>
</html>
--------------------
El CSS completo es:
#body {background-color:D5D5D5;}
#wrapper {width:100%px; overflow: hidden; margin:0 auto; }
#wrapper {border-color: #aaaaaa; border-width: 1px; border-style: solid;}
#logo {width:100%px; padding:2px 0px 2px 10px;}
#menuprincipal {width:100%; height:30px; background-color:00ff00;}
#marco-general {width:100%px; overflow: hidden;}
#left-sidebar { min-width:256px; max-width:512px; height:500px; float: left; background-color:ff0000; }
#content {min-width:800px; max-width:1024px; height:500px; float: left; background-color:f0f0f0; }
#right-sidebar { min-width:256px; height:500px; float: right; background-color: ABC012; }
#footer {width:100%; height:50px; background-color:D5D5D5; clear:both;}
--------------------
No es grande, apenas estoy empezando esta web y conociendo los divs.
Gracias por tu ayuda de antemano.
Yo uso Mozilla.