2009-06-18 6 views
1

J'ai des problèmes pour aligner quelques divs dans IE6, IE7, IE8 et Firfox 3. Ils ne rendent pas tous correctement ce que IE8 et Firefox comme le reste ne font pas.Div Alignement FireFox, IE7, IE6

Est-il possible de faire cela par l'intermédiaire de flotteurs et efface .. ils ne doivent pas avoir d'espace entre eux, je l'ai juste dessiné de cette façon .... Aussi, le div doit être fixé des largeurs.

alt text http://cowfarm.net/divAlign.png

+0

Une partie du code permettrait de voir ce qui pourrait être le problème exactement. – jeroen

+0

Ce serait facile à faire, dans quel ordre voulez-vous que les divs apparaissent dans la source HTML? pouvez-vous les numéroter? –

Répondre

2

Vous n'obtiendrez pas de hauteurs égales pour les 2 DIVs combinées et la DIV. Sauf si vous spécifiez ceux-ci, ou si le contenu produit les mêmes hauteurs ... Mais cela ne devrait pas être un problème je pense?

Mise à jour

<style type="text/css"> 
    #container {float:right;position:relative;} 
    #left {float:left;} 
    #left_1 {float:left;} 
    #left_2 {clear:left;float:left;} 
    #right {float:right;} 
    #bottom {float:left;clear:both;} 
</style> 

<div id="container"> 
    <div id="left"> 
     <div id="left_1">left 1</div> 
     <div id="left_2">left 2</div> 
    </div> 

    <div id="right">right</div> 

    <div id="bottom">bottom</div> 
</div> 
+0

avec des largeurs fixes dans firefox il fait que #droit de se positionner sous left2 et c'est-à-dire qu'il fait flotter #right jusqu'à la droite de la page ... – Andrew

+0

pourrait-il être avec des largeurs fixes que le conteneur est trop petit pour s'adapter aux DIVs gauche et droite l'un à côté de l'autre? – Ropstah

+0

Il n'est pas nécessaire de flotter #right, vous pouvez juste lui donner une marge gauche supérieure ou égale à la largeur de le divs gauche – jeroen

4

Oui, cela est possible:

<table> 
    <tr> 
     <td></td> 
     <td rowspan='2'></td> 
    </tr> 
    <tr> 
     <td></td> 
    </tr> 
    <tr> 
     <td colspan='2'></td> 
    </tr> 
</table> 

Je plaisante, bien sûr.

+1

tables OMG !!!! : P – alex

+1

+1 Vous m'avez fait peur! – Jonathan

+1

Vous avez oublié les divs dans les cellules du tableau pour se conformer à la question originale ... – jeroen

Questions connexes