Ver Mensaje Individual
  #6 (permalink)  
Antiguo 15/06/2005, 21:00
Avatar de kahlito
kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 23 años, 6 meses
Puntos: 65
Hola de nuevo, vuelvo a la carga.

Al final he decidido ir haciéndolo todo de nuevo, cambiando casi todo de nuevo en el css.

Código PHP:
<style type="text/css">
            
body{
            
margin:0;
            
padding:0;
            }
    
#todo{    margin: 0;
            
padding: 0;}
    
#cabecero{
            
height:100px;
            
padding: 0;
            
margin-bottom: 0;
            
background-color:#009966;}
    #menu{
            
float: left;
            
width: 150px;
            
width: 150px;
            
width: 150px;
            
margin: 0;
            
margin-right: 0;
            
padding: 0;
            
background-color:#006666;
}
#contenido{
            
padding: 1px;
            
margin-left: 150px;
            
margin-right: 135px;
            
background-color:#669900;
    
}
#lateralderecho{
            
float: right;
            
width: 135px;
            
width: 135px;
            
width: 135px;
            
margin: 0;
            
margin-left: 0;
            
padding: 0;
            
background-color:#FFFF99;
}
#pie{ width:100%;        
    
clear: both;
            
padding: 0;
            
margin-top: 0;
            
background-color:#99CCFF;}
</style>
</
head>
<
body>
<
div id="todo">
    <
div id="cabecero">
    
Cabecero    </div>
    <
div id="lateralderecho">Derecha
    
</div>
    <
div id="menu">
        <
ul>
        <
li>Apartamentos</li>
        <
li>Pisos</li>
        <
li>Estudios</li>
        <
li>Adosados</li>
        <
li>Casas</li>
        <
li>Chalets</li>
        <
li>Parcelas</li>
        </
ul>
    </
div>
    <
div id="contenido">
        <
p>Apartamento</p>
        <
p>Localización    Urbaniz. Los Alamos</p>
        <
p>Superficie    80 m2</p>
        <
p>Dormitorios    3</p>
        <
p>Baños    1</p>
        <
p>Aseos    </p>
        <
p>Patios</p>    
        <
p>Garaje    comunitario</p>
        <
p>Precio    150,00 €</p>
        </
p>Características    Apartamento muy luminoso, totalmente amueblado, estilo rústico, 
        
con zonas verdes, parking y piscina comunitaria, muy buena comunicación.
        
Cercano al Parque comercial "Las Marismas"</p><img src="fotos/prueba1.jpg" />asdfasd<br />
AsdfasdfaS<br />
DFasdfA<br />
SDfas
DFas
<p>dFAsd</p>
f
    
</div>
    
    <
div id="pie">Pie
    
</div>
</
div> 
Sin embargo el pie de página se adapta a todo segun se estira el resto, aunque me gustaria quedase siempre al final del todo, por si acaso ahí lo dejo por si hay otra posible alternativa.

Ejemplo

Saludosss

P.D: kemie investigando sobre el tema he encontrado y probado con un ejemplo que tenias en tu web:

http://disenorama.com/headerfooter_cols.htm

Y la verdad es que en Ieplorer y Opera 8.0 se va hacia arriba unos 40px ese pie. Para Iexplorer he probado con esto y me funciona:

Código PHP:
#footer{
    
position:absolute;
    
bottom:0;
    
background-color:#EFEFEF;
    
width:100%;
    
height:40px;
}
* 
html #footer{
bottom:-40px;} 
Sin embargo para Opera no le he encontrado la solución ...