Garder un espace constant entre deux div.

Résolu/Fermé
Kev - Modifié par Kev le 12/09/2010 à 17:54
 Kev - 13 sept. 2010 à 22:00
Bonjour,

J'aimerais savoir comment faire pour garder un espace constant entre deux div. Je développe: Sur le site que je suis en train de faire (http://arch42.homelinux.com/ ) lorsque l'on zoom trop le menu de gauche passe en dessous du contenu et je voudrait éviter ce comportement.

Comment faire?

Merci de votre aide.

CSS:
#conteneur{ 
 width: 80%; 
 margin-left: auto; 
 margin-right: auto; 
        position: relative; 
} 

#banniere{ 
 width:100%; 
 background-color:#0E51A7; 
        margin-bottom: 1%; 
} 

#divmenu{ 
 background-color: #6997d3; 
        padding: 1%; 
        float: left; 
} 

#contenu{ 
        position: absolute; 
        left: 13%; 
 background-color: #4282d3; 
} 

#piedpage{ 
 width: 100%; 
 background-color: #05326d; 
 clear:both; 
} 


Ps: J'accepte les solutions en jquery.

2 réponses

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 499
12 sept. 2010 à 19:37
Salut.

Inutile de nous donner le CSS, nous avons l'adresse.
Et ce n'est pas un problème de zoom mais de largeur de fenêtre.

Défini une largeur à ta colonne de gauche, et mets un margin-left sur la zone de contenu avec au minimum cette valeur.

Par contre, le positionnement en absolu, ce n'est pas ce qu'il y a de mieux.
Regarde le code source de ces gabarits :
http://www.alsacreations.com/static/gabarits/
1
Ca marche.

Merci beaucoup.
0