Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/01/2010, 20:49
Avatar de luciio
luciio
 
Fecha de Ingreso: junio-2009
Ubicación: Guadalajara, MX.
Mensajes: 351
Antigüedad: 15 años, 5 meses
Puntos: 38
Problema con divs y pie

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:

Cita:
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
__________________
cursos delineado permanente - mi selección de plantillas para wordpress