Design fluide : Petit souci - HTML/CSS - Programmation
Marsh Posté le 27-11-2008 à 19:37:15
Ouais, ton problème, c'est le padding que tu rajoutes à ton div centre et droit. C'est un des cas ou le modèle de boite W3C est chiant. Le truc, c'est que lorsque tu mets "width: 60%", il va effectivement prendre 60% de la largeur de la fenêtre, auquel va se rajouter le padding, les marges, et la bordure.
Donc si tu mesures la largeur réelle de ton div, tu auras en fait 62 ou 63%. Le truc, c'est d'imbriquer deux divs : Le premier n'a aucune bordure, marge, padding, il te sert juste à positionner les divs englobant. Ceux-là, tu peux leurs mettre un padding, une bordure et avec un "width: auto" (ne mets surtout pas width: 100%, sinon tu auras le même problème).
Marsh Posté le 27-11-2008 à 19:53:16
En effet, j'ai enlevé le padding de mon contenu et j'ai crée une nouvelle div comme cela :
Code :
|
Et tout roule
Merci beaucoup
Marsh Posté le 27-11-2008 à 20:17:56
Tiens par contre un autre petit souci, suivant si la page a besoin d'un ascenseur ou pas, sa largeur en est réduite et donc le design se décale légèrement. Une idée ?
Marsh Posté le 27-11-2008 à 20:48:04
darkgloom a écrit : Tiens par contre un autre petit souci, suivant si la page a besoin d'un ascenseur ou pas, sa largeur en est réduite et donc le design se décale légèrement. Une idée ? |
Bah, c'est normal. Tout ton positionnement est fait avec des %. Quand l'ascenceur vertical disparait, la largeur change et les positionnements de tes divs changent légèrement.
C'est plutôt inhabituel comme layout. Que la largeur soit un pourcentage, c'est correct, mais que le positionnement (left, top, right) soit aussi des pourcentages, c'est un peu plus casse gueule. J'utiliserais des px à la place.
Marsh Posté le 27-11-2008 à 21:05:01
Oui j'avais compris d'où venait le souci mais je cherchais donc une solution
Des pixels oui mais bon en changeant la résolution ça ne risque pas de partir dans tous les sens ? Mais bon c'est peut être mon système à 3 bandes qui n'est pas performant
edit : Puis j'y pense même si je fixe les espacements, les largeurs en % bougeront toujours non ? Il n'y a pas moyen de se caler sans prendre en compte l'ascenseur ?
Marsh Posté le 27-11-2008 à 18:54:14
Bonjour,
Dans le cadre d'un projet scolaire je dois réaliser un site web.
J'ai un petit souci dans mon design.
L'adresse du "site" : http://darkgloom.free.fr/web
Le souci c'est que quand on agrandit ou réduit la taille du navigateur, le bloc de droite va "subduquer" le bloc central alors qu'il est fixé à droite, et que le bloc de gauche se comporte tout à fait normalement.
Voil mon code css :
Et voila comment je construis ma page :
Quelqu'un aurait-il une idée ?
Merci d'avance
Message édité par darkgloom le 27-11-2008 à 19:01:45