Página 1 de 1

Problema con CSS

Publicado: 31 Ago 2009, 10:40
por Manolo
Hola a todos :)
Ya dije en otros hilos que estoy haciendo una web para practicar. Pero estoy teniendo problemas con CSS. La idea es que haya dos barras, y abajo una línea con texto. Pero dicha línea se monta sobre las dos barras de antes. Mirad el código vosotros mismos:
El CSS

Código: Seleccionar todo

#contenedor {
width: 500px;
margin-left:6%;
}
#izquierda {
width: 250px;
float:left;
}
#derecha {
width: 250px;
float:right;
}
#footer {
height: 50px;
width:100%;
position:fixed;
}
Y el HTML

Código: Seleccionar todo

<div id="contenedor">
	<div id="izquierda">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu iaculis arcu. Etiam enim lorem, lobortis a scelerisque sit amet, volutpat a diam. Curabitur imperdiet, tortor ac scelerisque congue, neque. 
	</div>
	
	<div id="derecha">
	Proin a tellus eget mauris tincidunt luctus a nec nisi. Etiam id posuere leo. Ut odio risus, tempus eget tincidunt sed, venenatis ac dolor. Vivamus eleifend faucibus vehicula. Curabitur tempor. 
	</div>
</div>
<div id="footer">Hola mundo, este texto es simplemente para ver como queda y, en su mayor parte, para rellenar.)</div>
Así es como se vé, para ahorraros trabajo:
Imagen

Re: Problema con CSS

Publicado: 31 Ago 2009, 15:37
por elQuique
Y para que pones el position fixed en el footer ??, que ademas de no indicarle un left y rigth obviamente lo posiciona en 0,0 o sea encima de lo otro.

Quita el position: fixed; y pon ahí un clear: both;

Re: Problema con CSS

Publicado: 31 Ago 2009, 17:42
por Manolo
Perdón, eso solo fué un código sobrante que se me olvido quitar... :redface:
Gracias Jorge, todo resuelto :)

Re: Problema con CSS

Publicado: 01 Sep 2009, 00:09
por elQuique
Genial !!

Re: Problema con CSS

Publicado: 05 Sep 2009, 20:59
por Alquimia
Tema cerrado (?)