no se si tengo bien flotados estos divs? y ajustado de altura

00israel · #1 (**permalink**) 03/10/2011, 11:03

tengo un div contenedor donde tengo alojados 4 divs, 2 en una primera linea y otros dos en una segunda linea, pero no estoy seguro de que este poniendo bien el codigo para que me floten correctamente y para que se vean ciertos div, se abra lo que se abra la ventana.

me explico:

este es sel codigo:

Código:

<!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>Documento sin título</title>
<style type="text/css">
* {
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#contenedor {
	height: 100%;
	width: 100%;
	background-color: #c7b299;
}
#contenedor #secciones {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	width: 280px;
	padding-top: 50px;
	padding-left: 37px;
}
#contenedor #foto img {
	float: left;
	height: 509px;
	width: 730px;
	border-right-width: 7px;
	border-right-style: solid;
	border-right-color: #000;
}
#contenedor #cuadrologo {
	background-color: #FFF;
	background-image: url(logo.jpg);
	background-position: 38px 38px;
	width: 217px;
	border-top-width: 7px;
	border-right-width: 7px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	height: 400px;
	clear: both;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	padding-top: 168px;
	padding-left: 47px;
	float: left;
}
#contenedor #texto {
	background-color: #736357;
	border-top-width: 7px;
	border-right-width: 7px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	width: 475px;
	float: left;
	height: 400px;
}
</style>
</head>

<body>
<div id="contenedor">
  <div id="foto"><img src="prueba1.jpg" width="730" height="509" /></div>
  <div id="secciones">que ofrecemos<br />
    Ventajas<br />
    patitin<br />
  patatan<br />
  lo que sea<br />
  lo que vuelva a ser<br />
  no se<br />
  y eso que<br />
  <br />
  <br />
  t. 600 000 000<br />
  f. 600 000 000<br />
  [email protected]<br />
  [email protected]<br />
  <br />
  facebook: lalalalalal<br />
  twitter: lolololololo<br />
  flickr: lililililili
  </div>
  <div id="cuadrologo">2011 @ copyright | diseño web: http://</div>
  <div id="texto">Colocar aquí el contenido para  id "prueba"</div>
</div>
</body>
</html>

"foto img" y "secciones" son los div de la primera linea y "cuadrologo" y "texto" son los de la segunda linea.

Quisiera que el alto de los divs "cuadrologo" y texto" fueran al 100% de altura, es decir que se vea el color del fondo de ese div, se abra lo que se habra la ventana. Como hago eso? y lo mismo para el de "secciones" pero en lugar del alto, en este caso el ancho, que se vea por la parte de la derecha se abra lo que se abra, siempre el color del fondo de ese div.