he logrado superar grandes obstaculos al migrar mi sitio (100% tablas) a CSS...
estoy en el último trecho y no sé que más leer o tocar
como ven en la imagen adjunta, quiero que esa columna en donde está la flecha blanca continúe siendo gris hasta entrar en contacto con el div del fondo...
se les ocurre cómo estirar dicho div??
les muestro mi código:
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>nachopro.com.ar >> sdsd (edición CSS)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #CCCC99;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
form {
margin: 0px;
}
#encabezado {
text-align: center;
background-color: #666666;
color: #FFFFFF;
width: 100%;
height: 100%;
}
#titulo {
height: 80px;
background-image: url(imagenes/globales/logo.gif);
background-repeat: no-repeat;
width: 100%;
}
#titulo div {
width: 240px;
height: auto;
margin-top: auto;
margin-right: 25px;
margin-bottom: auto;
margin-left: auto;
font-size: 10px;
padding-top: 23px;
padding-bottom: 23px;
}
#titulo input {
font-size: 10px;
}
#cuerpo {
z-index:2;
position:relative;
clear:both;
width: 100%;
}
#barra {
width: 170px;
float: left;
background-color: #666666;
height: 100%;
}
#contenido {
width: 594px;
margin-left: 180px;
float: none;
}
#contenido div.bajada {
margin: 0px 5px 5px;
padding: 0px;
border-top-width: 1px;
border-top-style: dashed;
border-top-color: #000000;
}
#contenido div.contenido {
margin: 5px;
min-height:202px;
border: thin solid;
}
#pie {
background-image: url(imagenes/globales/finbarra.gif);
background-repeat: no-repeat;
padding-top: 10px;
width: 100%;
}
#pie p {
background-color: #666666;
text-align: center;
color: #FFFFFF;
margin: 0px;
font-size: 10px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
}
-->
</style></head>
<body>
<div id="encabezado">Este es un grandioso encabezado</div>
<div id="titulo"><div>BÚSQUEDA</div></div>
<div id="cuerpo">
<div id="barra">menú aquí</div>
<div id="contenido">
<img src="imagenes/titulos/titulo.gif" alt="bla">
<div class="bajada">Texto de bajada</div>
<div class="contenido"><img src="imagenes/imgagen.jpg" class="seccionimg">Texto BLA BLA</div>
</div>
</div>
<div id="pie"><p>TranceWay / NP :: 1999-2005</p></div>
</body>
</html>