Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/07/2011, 02:14
d3xf4ult
Invitado
 
Mensajes: n/a
Puntos:
Estructuras con divs flotantes y posición

Hola a tod@s.

1º) Quería saber como influyen las herencias de los div id o div class sobre otros divs id o div class, así como los span class.

2º) Y otra pregunta:
Si tengo una estructura html similar a:

Código:
<div id="principal">
    <div id="dos">
        <div id="tres">
        </div>
    </div>
</div>
<div id="cuatro">
</div>
Quería saber como influyen las propiedades float y positión con sus respectivos valores:
El ejemplo le continuaría en CSS de este modo:
Código:
#principal {
width:1000px;
height:200px;
}
#dos {
width:500px;
height:300px;
float:left;
position:relative;
}
#tres {
width:500px;
height:300px;
float:right;
position:relative;
}
#cuatro {
width:1000px;
height:70px;
}
Y lo que pasa, es que los divs "dos" y "tres", al incorporar texto o demás. se superponen encima del div "cuatro".
Quería saber alguna forma para que no pase esto y se ajuste a cada div colocado, de modo que al añadir o quitar contenido siempre se ajuste y no se solape por encima unas capas y otras.
Por eso pregunto las razones de las propiedades float y position que creo que influen en todo esto y también las herencias de divs padres e hijos