Comunidad de diseño web y desarrollo en internet online

Problema espaciado entre divs

Citar            
MensajeEscrito el 20 Dic 2007 06:03 pm
Hola a todos;

Veréis, estoy estudiando los css y he hecho una página web. Está casi terminada, pero hay algo que me esta volviendo loco y no sé cómo hacerlo.

Veréis,a la estructura es la siguiente;

Tengo primeramente un div contenedor, que en el css pone lo siguiente:
#contenedor {
position:relative;
margin:0 auto 0 auto;
text-align:left;
}
Dentro de éste, después de la cabecera etc.., tengo el div contenido:
#contenido { position:relative;
margin: 0 auto 0 auto;
text-align:left;
background:url(../img/ornamento2.jpg) no-repeat right top;
width:100%;
top:-100px;
}
Dentro de contenido a su vez hay otro div en el cual se encuentra el texto de la propia página:
#texto { position:relative;
text-align:justify;
padding-left:225px;
width:590px;
top:-200px;
text-indent:40px;
}
</cierro el div de texto>
</cierro el div contenido>
</cierro el div contenedor>

Bueno, espero que haya quedado más o menos claro. La web para que os hagais una idea es la siguiente: http://www.mnietodesign.com/accesibilidad.html.

El caso es que como veréis me deja unos espacios increibles desde que acaba el texto hasta el pie de página. No tengo height por ningún sitio.He probado con un clear:both y tampoco.
Realmente no se donde está el fallo. Si alguien me puede echar una mano le estaría muy agradecido.

Muchas gracias por adelantado y un saludo;

Marcos Nieto

Por mnieto

16 de clabLevel



 

firefox
Citar            
MensajeEscrito el 21 Dic 2007 12:12 pm
El problema es que #formulario tiene top:-200px; si lo quitas ya está. Pero no queda como querrías. Lo mejor que puedes hacer es pensar otra forma de hacerlo.

Por ryuz

350 de clabLevel

2 tutoriales

 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.