Primero que todo quiero saludar a toda la comunidad de "Foros del web". He leído varios temas que me han servido de ayuda frente a algunas dudas de diseño web.
Este es mi primer tema en el foro, y espero poder resolver esta duda, que si bien se a tocado en varios temas, aún no he encontrado la solución que necesito.
Altura del div y sidebar
Estoy diseñando un sitio que se compone básicamente de un
contenedor, un
sidebar en la parte izquierda, el
contenido a su derecha y un
footer en la parte inferior.
El problema se da precisamente entre el div de la barra lateral izquierda y el div del contenido. Necesito que a medida que ingreso contenido ambas crezcan de manera simultanea.
Subrayo la palabra simultanea debido a que generalmente el div contenido tiene más "contenido" (disculpen la redundancia) que el div sidebar.
Código básico de mi sitio
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" />
<link rel="stylesheet" type="text/css" href="slamdunklatino.css" />
<title>.:Slam Dunk Latino:.</title>
</head>
<body>
<div id="contenedor">
<div id="header">
</div>
<div id="sidebar">
</div>
<div id="cuerpo">
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Código:
@charset "utf-8";
/* CSS Document */
#contenedor {
width: 849px;
margin-right: auto;
margin-left: auto;
}
#header {
height: 258px;
width: 849px;
}
#sidebar {
width: 158px;
float: left;
}
#cuerpo {
width: 691px;
float: left;
}
#footer {
height: 165px;
width: 849px;
}
Agrego también una imagen guía en la que se explica que es lo que quiero y lo que no quiero lograr.
Muchas gracias por la atención. Espero que me puedan ayudar.
Saluudos!