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

Fermé
Nicolas - 6 avril 2006 à 15:37
txiki Messages postés 3933 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 24 mars 2023 - 6 avril 2006 à 16:52
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>
A voir également:

2 réponses

Petite erreur c'est la partie droite ou il y a un Pb !!
0
txiki Messages postés 3933 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 24 mars 2023 506
6 avril 2006 à 16:52
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