28/09/2008, 18:42
|
| | | Fecha de Ingreso: abril-2008 Ubicación: Oaxaca
Mensajes: 256
Antigüedad: 16 años Puntos: 2 | |
| Hacer 2 columnas con CSS
Bueno, pues mi intencion es hacer dos columnas con CSS. Hize 2 divs a modo de columnas, bueno quize hacerlo. Hize un div con ancho de 512 pixeles y alto automatico y quiero poner uno igualito del mismo tamaño junto a el primero para que queden 2 columnas, tiene que ser de ancho 512 pixeles y alto automatico igual que el primero para que juntos sumen el ancho de 1024 pixeles. Bueno hize el primero y ahi aparece bien pero hize el segundo y le doy float left y no se va a la izquierda junto al primero ¿por que? aparece justo abajo del primero: Miren este es mi codigo, los que quiero hacer columnas son los divs: ESTADOS1 y ESTADOS 2:
<!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>DirectorioElectronico.INFO</title>
<link href="hoja de estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="CONTENEDOR">
<div id="LOGOTIPO"></div>
<div id="LINEAAMARILLA">
<div class="LINEAAMARILLA" id="TEXTOLINEAAMARILLA">1 . - Seleccione el estado del que desea ver los anuncios</div>
</div>
<div id="LINEADETEXTO">
<div id="CONTENEDOR2"><div class="BIENVENIDO">¡ Bienvenido !</div>
<div class="TEXTOBIENVENIDO">Bienvenido al Directorio Electronico, para ver los anuncios por favor primero selecciona el estado del que desea ver los anuncios y despues seleccione una ciudad</div>
<div class="ESTADOS">
<div id="ESTADOS1">Baja California Norte<br />
Baja California Sur<br />
Sonora<br />
Chihuahua<br />
Coahuila<br />
Nuevo León<br />
Tamaulipas<br />
Sinaloa<br />
Durango<br />
Zacatecas<br />
San Luis Potosi<br />
Verazruz<br />
Nayarit<br />
Jalisco<br />
Aguascalientes<br />
Guanajuato</div>
<div id="ESTADOS2">Queretaro<br />
Hidalgo<br />
Colima<br />
Michoacan<br />
Estado de México<br />
D.F.<br />
Morelos<br />
Tlaxcala<br />
Puebla<br />
Guerrero<br />
Oaxaca<br />
Tabasco<br />
Chiapas<br />
Campeche<br />
Yucatan<br />
Quintana Roo</div>
</div>
</div>
</div>
</div>
</body>
</html>
Esta es mi hoja de estilo:
@charset "utf-8";
/* CSS Document */
body { background-color:#0066FF; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
#CONTENEDOR { width:100%; height: auto; background-color:#FFFFFF}
#LOGOTIPO {height:100px; width: 100%; background-color:#00CCFF}
#LINEAAMARILLA { clear:both; width:100%; height: auto; background-color:#FFCC00; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF}
#TEXTOLINEAAMARILLA { width: 1024px;height: auto; margin-left: auto; margin-right: auto}
#LINEADETEXTO {clear:both; width: 100%; height:auto}
#CONTENEDOR2 {clear:both; width: 1024px; height: auto; margin-left: auto; margin-right: auto}
#ESTADOS1 {width: 512px; height: auto; clear:none }
#ESTADOS2 {width: 512px; height: auto; float:left }
.LINEAAMARILLA {font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; padding-left:20px}
.LINEADETEXTO {font-family:Georgia, "Times New Roman", Times, serif; color:#000000}
.BIENVENIDO {font-family:Georgia, "Times New Roman", Times, serif; font-size:50px }
.TEXTOBIENVENIDO { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; padding-top: 10px; padding-bottom: 20px }
.ESTADOS { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px }
Que esta mal? |