Entrar

problema con la ubicación de las capas al flotar

Pilirjm · · Solicitar retirada
uyyyyyy recién estoy empezando con esto, pero cuando seguí el tutorial clase que está buenísimo!!!!!!! sobre divs, a mí el div bartolo se me sale del global, es decir la parte de abajo me queda fuera, como si global no lo contuviera qué hago?????
Les copio como me quedó el código ta? graciassssssssss

<!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=utf-8" />
<title>Titulo de pagina divs</title>
<LINK rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>

<body>
<div id="global">

<div id="bartolo">

Este es mi primer div llamado bartolo</p></div>
<div id="catalina">

Este es mi segundo div llamado catalina</p></div>
</div>
</body>
</html>

@charset "utf-8";
/* CSS Document */
BODY {BACKGROUND-COLOR:yellow ;}

#global {BACKGROUND-COLOR:#FF9900 ; BORDER: #000 1px solid ; MARGIN: 4px 4px 4px 4px ; PADDING: 2px 2px 2px 2px ; WIDTH: 800px ; }

#bartolo {BACKGROUND-COLOR:#00CC00 ; BORDER: #000 1px solid ; MARGIN: 0px 0px 0px 0px ; WIDTH: 80px ; FLOAT: left ; }

#catalina {BACKGROUND-COLOR:#00CCFF ; BORDER: #000 1px solid ; MARGIN: 0px 0px 0px 0px ; }
bOrYiMaN · · Solicitar retirada
Hola pili,

eso tiene fácil solución, sólo tienes que añadirle la propiedad "float" a tu div global en el CSS.

float: left; o float: right, como más te guste.

Un saludo