Foros del Web » Creando para Internet » CSS »

los divs siguen hacia abajo y no hacia el lado

Estas en el tema de los divs siguen hacia abajo y no hacia el lado en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/06/2005, 01:20
 
Fecha de Ingreso: abril-2004
Mensajes: 634
Antigüedad: 13 años, 7 meses
Puntos: 2
los divs siguen hacia abajo y no hacia el lado

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 &iexcl;&iexcl;&iexcl;</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.
__________________
Una a una resuelvo mis dudas... y una a una se me suman mas dudas... :adios:
  #2 (permalink)  
Antiguo 16/06/2005, 01:58
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 14 años, 5 meses
Puntos: 1
los divs por defecto, van uno por debajo del otro, a menos de que tu los posiciones de otra manera. los posicionas dandoles una posicion absoluta, relativa, o flotandolos. yo te recomiendo que uses floats, son los mas faciles de usar.
te recomiendo que veas paginas similares a lo que busques y analices su codigo, es buena manera de aprender.

algunas paginas con ejemplos de maquetacion en css:
http://www.bluerobot.com/web/layouts/
http://glish.com/css/
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
  #3 (permalink)  
Antiguo 16/06/2005, 09:17
 
Fecha de Ingreso: abril-2004
Mensajes: 634
Antigüedad: 13 años, 7 meses
Puntos: 2
Hola Kemie.

O sea no existe problema si "hago" encima los divs que necesito. Tambien los puedo poner entre los divs que quiero para darles un orden, luego darle las posiciones y asi.
Chekare los links que me pasaste. Gracias.
__________________
Una a una resuelvo mis dudas... y una a una se me suman mas dudas... :adios:
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:29.