25-01-2013, 06:56 PM
Autre proposition:
- le content reste en "normal", sans float ni reset, avec un margin 0 auto pour centrer
- Le menu gauche et le menu droit passent en "position absolute"
- Le menu gauche possède l'attribut "left: 0px", le plaquant à gauche de la div parente
- Le menu droit possède l'attribut "right: 0px", plaquant son bord droit sur le bord droit du parent.
Pour éviter, sur un écran réduit, que la div centrale ne collisionne les div latérales, tu peux ajouter, à la div centrale, un padding ~px Rpx ~px Gpx avec R la taille de la div droite et G la taille de la div gauche. Ainsi, le contenu de la div centrale ne collidera pas le contenu des div latérales (attention: le contenu, pas les bordures)
Sinon, pour éviter la collision, utilise le z-index: un z-index plus élevé sur les div latérales que centrale permettra que ces div latérales soient rendues par-dessus la centrale, évitant ainsi de ne plus pouvoir naviguer sur le site.
- le content reste en "normal", sans float ni reset, avec un margin 0 auto pour centrer
- Le menu gauche et le menu droit passent en "position absolute"
- Le menu gauche possède l'attribut "left: 0px", le plaquant à gauche de la div parente
- Le menu droit possède l'attribut "right: 0px", plaquant son bord droit sur le bord droit du parent.
Pour éviter, sur un écran réduit, que la div centrale ne collisionne les div latérales, tu peux ajouter, à la div centrale, un padding ~px Rpx ~px Gpx avec R la taille de la div droite et G la taille de la div gauche. Ainsi, le contenu de la div centrale ne collidera pas le contenu des div latérales (attention: le contenu, pas les bordures)
Sinon, pour éviter la collision, utilise le z-index: un z-index plus élevé sur les div latérales que centrale permettra que ces div latérales soient rendues par-dessus la centrale, évitant ainsi de ne plus pouvoir naviguer sur le site.