Pb de Marge avec la balise <DIV> !!!

Nicolas -  
txiki Messages postés 6514 Date d'inscription   Statut Contributeur Dernière intervention   -
Mon Pb est que la partie de gauche deborde !!

Cela vous est il deja arrivé ??
Et Comment resoudre la PB ?

Merci d'avance de vos réponses !

Voila le code :

<body>
<DIV style="background-color:#AABBCC; height:100 px;">Banniere</DIV>
<DIV style="background-color:#CCBBAA; height:100 px;">Menu</DIV>

<DIV style="background-color:black; height: 100 %; ">
    <DIV style="position:absolute; left:auto; background-color:#456789; width:25 %; height:100 %">Gauche</DIV>
    <DIV style="position:absolute; left:25 %; background-color:#AB2346; width:50 %; height:100 %">Centre</DIV>
    <DIV style="position:absolute; left:75 %; background-color:#9AE789; width:25 %; height:100 %">Droitre</DIV>

</DIV>

2 réponses

nicolas
 
Petite erreur c'est la partie droite ou il y a un Pb !!
0
txiki Messages postés 6514 Date d'inscription   Statut Contributeur Dernière intervention   524
 
Salut nicolas ,
En utilisant des div en position absolute, tu auras toujours des Pb. D'autant plus que tu ne met pas de position en px (left:25%).
Il faudrait que tu aille sur www.alsacreations il y a des tutos très interressants sur les calques et leur positions.
Les div sont mal interpreté selon les navigateurs.
Tu pourrai (même si ce n'est pas ton truc, encore moins le miens)
uitliser un tableau avec des pourcentages pour les colonnes.
Dans les cellules tu y met les div a 100% (les colonnes étant dimensionnées en aussi en pourcentage).
Tu verra les choses iront beaucoup mieux.
1 tableau de X colonnes et X lignes (autant que de div enfait) avec une marge à 0 (zéro) margin-left et margin-top.

Bon courage.
0