Titre: Mise en Page CSS, Problème largeur...
Posté par: Silent le le 28-05-2005 a 18:47:17
Bonjour bonjour...
Projet:
Voilà, j'essaye de réaliser une mise en page avec du CSS qui à l'air simple à première vue, mais qui me pose problème. Sachant que j'aimerai que le tout réponde aux normes Firefox et Internet Explorer.
En effet, j'essaye d'agencer un en-tête, un menu et le corps de la page ensemble, et le tout centré en fonction de la fenêtre. Jusqu'ici rien de difficile.
Les difficultés commencent lors que le corps de la page, ici le Bloc C à une largeur variable... Et le Bloc A, l'entête, doit correspondre à cette largeur. Et le tout doit continuer à respecteur le centrage au coeur du navigateur.
La raison en est simple: Le Bloc C contiendra un forum phpBB et vous savez que par exemple, si un membre poste une image trop grosse, ça redimensionne tout, et l'en-tête (Bloc A) doit bien suivre.
Voici un schéma:
Voici actuellement mon code:
Code:
.Bloc A {
margin-left: auto;
margin-right: auto;
width: 935px;
height: 100px;
}
.Conteneur{
position: relative;
margin-left: auto;
margin-right: auto;
width: 935px;
height: 100%;
top: 20px;
text-align: center;
}
.Bloc B {
position: absolute;
width: 180px;
top: 0px;
left: 0px;
}
.Bloc C {
position: absolute;
top: 0px;
left: 200px;
right: 0px;
text-align: left;
}
|
|
Mon Problème:
- Si je ne fixe pas une valeur fixe à mon bloc A, les margin auto ne servent à rien. Ils rempliront simplement toute la page.
- Et si je fixe une valeur fixe au bloc A, et bien ce Bloc ne s'adaptera pas au Bloc C si celui change de taille.
Une idée?
Merci... |
Titre: Re:Mise en Page CSS, Problème largeur...
Posté par: Silent le le 29-05-2005 a 10:06:57
Titre: Re:Mise en Page CSS, Problème largeur...
Posté par: Ellenak le le 29-05-2005 a 19:16:13
| Au faite, ta envie de faire un petit site perso ou tu a ta bannière en haut, ton menu en css a gauche et ta zone de texte a droite ? |
Titre: Re:Mise en Page CSS, Problème largeur...
Posté par: jb_gfx le le 30-05-2005 a 00:23:20
[modeantitroll=on]
Ellenak quand t'en aura marre de troller et de poster des hors sujets pour rien tu pourras peut être essayer de te rendre utile. Je sais pas moi explique nous par exemple comment t'a créé le design de ton site en pompant les images, le code couleurs et le code HTML et CSS d'un tuto d'ElMoustiko et comment t'as remplacé sa signature par la tienne. ça ce serait utile :)
Jouons au jeux des 7 erreurs avec le design original issue d'un tutoriel d'Olivier Patry (ElMoustiko) qui est visible ici (http://www.elmoustikoblog.net/tutoriels/css/mise_page/source/etape5.html)
et le design copyright (carrément!) par Ellenak qui est ici (http://snkheb.dyndns.org/ellenak/)... pas mal non?
[modeantitroll=off]
Silent, pour en revenir à ton problème, techniquement il n'y a pas de solution pour faire ce que tu demande. Tout simpement parcequ'il n'est pas possible de centrer un élément qui n'a pas de largeur spécifiée et que au contraire si tu définie une largeur celle ci ne peut pas changer en fonction du contenu. ça peut paraitre limitatif dit comme ça mais en y réfléchissant c'est plutôt logique.
En définitive tu dois abandonner l'une ou l'autre des caractéristique de ton layout, soit le centrage, soit la largeur qui s'adapte au contenu.
|
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|