Foros del Web » Creando para Internet » CSS »

Problema con divs y pie

Estas en el tema de Problema con divs y pie en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 19/01/2010, 20:49
Avatar de luciio  
Fecha de Ingreso: junio-2009
Ubicación: Guadalajara, MX.
Mensajes: 351
Antigüedad: 8 años, 6 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
  #2 (permalink)  
Antiguo 19/01/2010, 21:03
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Problema con divs y pie

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...
  #3 (permalink)  
Antiguo 19/01/2010, 21:29
Avatar de luciio  
Fecha de Ingreso: junio-2009
Ubicación: Guadalajara, MX.
Mensajes: 351
Antigüedad: 8 años, 6 meses
Puntos: 38
Respuesta: Problema con divs y pie

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
__________________
cursos delineado permanente - mi selección de plantillas para wordpress
  #4 (permalink)  
Antiguo 19/01/2010, 23:32
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Problema con divs y pie

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!...
  #5 (permalink)  
Antiguo 19/01/2010, 23:37
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Problema con divs y pie

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

Última edición por alexk; 19/01/2010 a las 23:37 Razón: perdon... nuse que paso :S

Etiquetas: pie
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:41.