Problema con Footer en Margin-Top

[gerzok]

Hola,

basicamente mi layout css esta asi:

Código:

// CONTENIDO DE MAIN.CSS

body {
text-align:center;
}

#contenedor {
width:790px;
margin:0 auto;
text-align:left;
}

#contenido_principal {
float:left;
width:580px;
}

#barra_lateral {
float:right;
margin:0 0 0 10px;
width:200px;
}

#footer {
width:100%;
height:35px;
margin:15px 0 10px 0;
padding:0;
clear:both;
}

y en implementacion es algo mas o menos asi:

Código:

// CONTENIDO DE PAGES.PHP

<div id="contenedor">

<div id="contenido_principal">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque porttitor, pede at lacinia pellentesque, pede nisi pretium sapien, facilisis mattis nulla elit a sem. Mauris sed est ut mauris egestas varius.</p>
</div>

<div id="barra_lateral">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque porttitor, pede at lacinia pellentesque, pede nisi pretium sapien, facilisis mattis nulla elit a sem. Mauris sed est ut mauris egestas varius.</p>
</div>

<div id="footer">
<p>Aqui mi copyleft o algo por el estilo</p>
</div>

</div>

pero el problema radica en que mi footer no funciona ni con IE ni con FF el atributo margin-top solo sirve el margin-bottom y no se por que!!!! se me pega mucho el footer al contenido_principal

alguna idea???? necesito su ayuda!!!

saLudOs

[netzky]

Checate, la opcion de
h t t p : / / w w w . t h e m a n i n b l u e . c o m / e x p e r i m e n t / f o o t e r S t i c k A l t /

esa es una opcion, para mantener el footer, siempre hasta la parte de abajo de la pagina web, cosa que asi siempre deberia ser... salu2

[gerzok]

Hola,

logre que funcionara con FF añadiendo float:left a #footer pero en IE no funciona el margin-top....

alguna idea de como hacer que funcione en IE tambien???


saLudOs