hola.
bueno sigo con esto de los divs.
He usado un Div al que he llamado "main" y he puesto en su interior los sigtes divs; top=header, barnav=navegacion, y asi sucesivamente. el problema es que esto funciona, pero todo aparece "hacia abajo" y yo deseo que algunos de estos divs se posicionen al lado ode otros. Por ejemplo, el div "cajacentral" debería ir al lado derecho del div "caja". Esto lo puedo lograr si hago con DW la capa enciam justo donde quiero, pero eso me coloca el archivo fuera del div main principal.
Dejo el codigo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ya lo voy a lograr ¡¡¡</title>
<style type="text/css">
<!--
body {
background-color: #999999;
margin-left: 15px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 30px;
}
.top {
height: 200px;
width: 700px;
background-color: #00CC99;
}
.navegacion {
background-color: #D4D0C8;
height: 50px;
width: 700px;
}
.cajatop {
background-color: #99CCFF;
height: 100px;
width: 150px;
}
.cajadown {
background-color: #9999CC;
width: 150px;
height: 600px;
}
.footcaja {
background-color: #000000;
height: 50px;
width: 150px;
}
.central {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
height: 400px;
width: 400px;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="main" class="fill2">
<div id="top" class="top">el famoso header </div>
<div id="barnav" class="navegacion">texto del menu </div>
<div id="caja" class="cajatop">caja celeste </div>
<div id="cajadown" class="cajadown">otra caja</div>
<div id="cajafoot" class="footcaja">fgfd</div>
<div id="cajacentral" class="central">esta deberia ir a la derecha de caja celeste </div>
</div>
</body>
</html>
Por cierto, pegue la hoja de estilos. Sé que algo deben hacer el famoso float y clear cierto?.
Bueno, desde ya gracias.