3 div indépendamment relatif et aligné en haut

-1

Comment (en haut) aligner 3 div qui devrait être relatif à un div précédent (mais pas entre eux)?
Je ne peux pas utiliser les flottants ou position:inline-block (si vous définissez display:none sur 2 divs, le dernier ne devrait pas bouger).
ni parce qu'il y a un pied de page relatif en dessous.
vertical-align:top ne fonctionne pas en utilisant des travées - une solution de contournement?3 div indépendamment relatif et aligné en haut

J'ai essayé d'utiliser une enveloppe mais elle ne peut pas fonctionner car la hauteur des divs n'est pas fixe.
La hauteur de l'enveloppe est complètement ignorée de toute façon (par le pied de page suivant) sauf si Im utilisant des enfants relatifs.

Des idées?

Source

2010-06-12 Knu

Visuels .... S'IL VOUS PLAÎT –

@ Meder imaginer 3 lignes: première ligne a div (100% de largeur) - (en dessous) deuxième ligne 3 divs alignés sur le fond de la (première ligne) div - troisième ligne (le pied de page 100% largeur) // la partie difficile de mon problème est le fait que les divs sur la 2ème ligne ne devraient pas bouger si d'autres sont supprimés et le fait que le pied de page soit relatif (ne couvrant pas les divs sur la deuxième ligne) – Knu

@brock expliqué dans la question: lorsque vous définissez 'display: none' sur l'un des divs avec inline-block ou floats les autres divs bougeront (sauf le premier). – Knu

HTML
l'ordre est important et l'emballage est en option (pour positionner les divs latéraux)

<div id="wrapper"> 
<div id="left"></div> 
<div id="right"></div> 
<div id="middle"></div> 
</div> 
<div id="footer"></div>

CSS

#left {float:left} 
#middle {margin:0 auto} 
#right {float:right} 
#footer {clear:both}

à moins que quelqu'un arrive avec quelque chose de plus facile J'accepte ma réponse en 24h

Source

2010-06-13 20:46:59 Knu

3 div indépendamment relatif et aligné en haut

Répondre

Questions connexes