Problema con divs y pie

[luciio]

Hoola.

pues tengo un problema con mi sitio web, recien lo eh cambiado a css apenas estoy aprendiendo, se muy poco, el problema mayor es exactamente en esta parte del sitio:

http://www.clubnupcial.com/expo-tu-boda-puebla.php

como veran tengo un problema con hacer crecer el alto de el sitio, no se como configurar la altura de esas cajas para que se vayan hasta el pie, espero alguien pueda ayudarme, el codigo css que uso es este:

a { color:#702B86 }

html { height:100% }

body {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#EBEBEB;
height: 100%
}

#top {
width: 100%;
height: 25px;
top: 0px;
left:0px;
background-image: url(../_imagenes/header_b.jpg);
position:absolute
}

#contenedor {
width: 958px;
height:1500px;
margin-left: -479px;
left: 50%;
position: relative;
border-right: 2px solid;
border-left: 2px solid;
border-color: #999999;
background-color:#FFFFFF;
background-color:#FFFFFF
}

#header {
width: 100%;
height: 120px;
background-color:#daccdb
}

#headerlogo {
width:255px;
float:left
}

#headerbanner {
width:703px;
float:left;
padding-top:5px;
}

#barralinks {
width: 100%;
height: 30px;
background-color: #f2ebf2
}

#barral {
width: 136px;
float: left;
font-family: "Lucida Grande",Verdana;
font-weight:bold;
font-size: 15px;
text-align: center;
margin-top: 7px
}

#barral a {
color:#691298
}

#barralp {
width: 136px;
float: left;
font-family: "Lucida Grande",Verdana;
font-size: 12px;
text-align: center;
margin-top: 7px;
color:#999999
}

#barralp a {
color:#CCCCCC
}

#barraetb {
width: 100%;
height: 30px;
margin-top: 25px;
background-image: url(../_imagenes/barraetb.jpg);
}

#barraetbl {
width: 132px;
float: left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 14px;
text-align: center;
font-weight: bold;
color:#FFFFFF;
margin-top: 6px
}

#barraetbl a {
color:#FFFFFF
}

.corte {
clear: both
}

#cuerpo {
width: 958px;
margin-top: 7px
}

#cuerpol {
width: 620px;
float: left;
padding-left: 7px;
padding-right: 7px
}

#cuerpolboda {
width: 620px;
height: 2000px;
float: left;
padding-left: 7px;
padding-right: 7px
}

#cuerpor {
width: 310px;
float: left;
padding-left: 7px;
padding-right: 7px;
background-color:#F8EFF7
}

#provr {
width: 300px;
border: 5px solid #F0E0F8;
margin:auto
}

.tituloart {
font-family: "Lucida Grande",Verdana;
font-weight:bold;
font-size: 11px;
color: #691298
}

#pie {
width:100%;
position: relative;
background-image:url(../_imagenes/fondopie1.jpg);
position:absolute;
left:0px;
right:0px
}

#pie1 {
width: 958px;
margin: 0 auto;
background-color: #4d4949;
position: relative
}

.pie2 {
width: 958px;
height: 80px;
margin: 0 auto;
background-image:url(../_imagenes/fondopie.jpg);
position: relative
}

#bannerderecha {
width: 298px;
height:248px;
margin: 0 auto;
padding-top:45px
}

/* PARRAFOOOOOOOOOOS */

p.titulo1 {
font-family: "Lucida Grande",Verdana;
font-weight:bold;
font-size: 15px;
}

p.titulo2 {
font-family: "Lucida Grande",Verdana;
font-weight:bold;
font-size: 11px;
}

P {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px
}

p.vestidos2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999999
}

p.tituloprov {
font-family: "Lucida Grande",Verdana;
font-weight:bold;
font-size: 20px;
letter-spacing: 5px;
color: #7b3780
}

/* FIN PARRAFOOOOOOOOOOS */

.vestidosr {
width:45%;float:right;background-color:#FAF1F9;margin-right:10%;color:731B89;font-style:italic
}


#vestidos1 {
width: 206px;
float: left
}

img.left {
float:left;
margin-right:9px
}

img.articulotopic {
float: left;
padding: 2px;
border: 1px solid #666666;
}

/* D I R E C T O R I O */

.imagendir { width:270px;height:160px;float:left }

.textodir { width:320px;height:160px;padding-left:20px;float:left }

p.titulosdir {
font-family: "Lucida Grande",Verdana;
font-size: 18px;
color: #7c4b82
}

p.espaciop { font-size:12px }

.cuadroprov { width:610px;padding-top:35px }

/* F I N A L D I R E C T O R I O */

como veran es un desastre jejeje

gracias por adelantado

[alexk]

claro que si usas medidas fijas en la altura y crece el contenido no se mostrara... con esto se arreglaran algunas cosillas

Código:

#cuerpolboda {
float:left;
height:2000px;
padding-left:7px;
padding-right:7px;
width:620px;
}

y

Código:

#cuerpolboda {
float:left;
height:2000px;
padding-left:7px;
padding-right:7px;
width:620px;
}

Código:

#contenedor {
background-color:#FFFFFF;
border-color:#999999;
border-left:2px solid #999999;
border-right:2px solid #999999;
height:1500px;
left:50%;
margin-left:-479px;
overflow:hidden;
position:relative;
width:958px;
}

ahora veo mucha medida "%" y en "px" mucha position:relative y absolute envez de margin <br/> y otras cosas... parece que te complicaste y mucho la existencia...
tambien serviria saber como era de antes el sitio nose... chao y suerte...

[luciio]

muchisimas gracias por la pronta respuesta, lo qe pasa es que apenas estoy aprendiendo html y css me falta muchoooo!, el sitio anterior a ese era una pla ntilla que yo modificaba con front page pero me decidi por aprender, como vez hay muchisimos errores jejeje.

a lo del margin te refieres a centrar con margin: 0 auto? alguna vez asi me dijeron pero no funciona siempre hahha

ylos br>? los puedo sustituir por algo mejor?

muchos errores en vdd io no los noto jejeje

gracias x adelantado

[alexk]

te recomiendo estos links
Libros Web
Migracion sin dolor
Migracion sin dolor II
para aprender tanto XHTML y CSS

y como consejo...

-Empieza de 0... y poco a poco...a armar tu sitio... usa PX por que segun veo tu sitio es de tamaños fijos...

-En ALTURAS no uses tamaños fijos (cuando el contenido va a crecer)

-No determines posiciones relativas o absolutas si no las necesitas...

-Para separar cajas de otras usa MARGIN

-Para dar un margen interno a una caja usa PADDING

-Usa un Reset CSS

Cuando estes maquetando por cada cosa que hagas Pruebalo en otros navegadores ok, es pesado y da pereza pero solo asi conseguiras que se haga una costumbre asi revisaras a cada cambio y no cuando termines todo veas que falla aqui o por alli y fallos disitintos por cada navegador.


Ufff cuanta letra jaja... chao y suerte!...

[alexk]

ups... edito que por algo se mando 2 veces el mensaje