Entrar

Como hago tres div´s dentro de una global??

sereisa · · Solicitar retirada
Despues de haber solventado (más o menos) el problema con el tutorial me ha surgido un problema para hacer la página como había pensado. Mi idea es la siguiente:
Hacer un menú lateral y vertical izquierdo (conseguido), una zona central bastante grande (conseguido) y un menú lateral vertical derecho.
Solo he podido conseguir dos divs, el menú izquierdo y la zone central (que por cierto la tengo con propiedad float=right). En cuanto intento hacer el div para el menú derecho este me sale abajo de estos dos div y no se como puedo arreglarlo. Ahí van los códigos:

html:

<!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>Prueba cctw</title>
<link href="pruebacctwdos.css" rel="stylesheet" type="text/css">
</head>

<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…" width="1150" height="377">
<param name="movie" value="FLASHINDEXLIMPIO3.swf" />
<param name="quality" value="high" />
<embed src="FLASHINDEXLIMPIO3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1150" height="377"></embed>
</object>
<DIV id="global">
<DIV id="bartolo">
[contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible]
</DIV>

<DIV id="catalina">


Bienvenidos a otra dimensión, a otro mundo, a otra realidad. Bienvenidos a EL TAROT DE LA DAMA</P>
</DIV>

</DIV>
</body>
</html>

css:

/* CSS Document */


body {width: 100% }
body {background-color: #845E73 }
body{margin:0}
#global {BACKGROUND-COLOR: #FF9900 ; BORDER: #000 1px solid ; MARGIN: 4px 4px 4px 4px ; PADDING: 2px 2px 2px 2px ; WIDTH: 1137px ; HEIGHT: 450PX}
#bartolo {BACKGROUND-COLOR:#00CC00 ; BORDER: #000 1px solid ; MARGIN: 0px 4px 4px 0px ; WIDTH: 200px ; FLOAT: left ; HEIGHT: 350PX}
#catalina {BACKGROUND-COLOR:#00CCFF ; BORDER: #000 1px solid ; MARGIN: 15px 15px 4px 20px ; FLOAT: right ; WIDTH: 490px ; HEIGHT: 400px}

Bueno, a ver si alguien me pudiera ayudar en este tema.
Gracias. Un saludo.
spitfire2 · · Solicitar retirada
Hola, por lo que se ve solo tienes dos div dentro de global, agregale otro llamado menu-der por ejemplo,
dale float right y width 50px (para probar...), y al div catalina sacale el float:right o ponele float center, a ver que pasa.
sereisa · · Solicitar retirada
Ya lo he conseguido. He puesto esta tercera capa entre eustaqui y catalina en el html y le he dado (al igual que a catalina) float=left, y como el dreamweaber y los navegadores dejan más a la derecha la primera capa con esta característica que la segunda me la ha dejado donde quería. Luego todo son cálculos de margin etc.. Por cierto, no hace falta darle a la segunda capa con float=right (es decir, la tercera en orden html, catalina) un margin bestial derecho para que quepa la primera capa con float=right (es decir, la segunda en orden html) ya que la posiciona a la izquierda de esta y el margin que se crea es con respecto a la capa derecha no al margen derecho de la capa global.

Buff, ha sido ....divertido, jeje. Gracias por tu respuesta, voy a probarlo a ver que tal queda.
Gracias spitfire2. Un saluldo.