[CSS] Question de mise en page/structure générale (résolu)
Question de mise en page/structure générale (résolu) [CSS] - HTML/CSS - Programmation
Marsh Posté le 20-11-2009 à 14:13:04
Salut,
J'ai un exemple pour la 1e structure sur ce sujet : http://forum.hardware.fr/hfr/Progr [...] 6183_1.htm
Tu pourras facilement modifier le code pour tester si la seconde structure fonctionne.
Marsh Posté le 20-11-2009 à 16:49:09
Re-hello.
Le coup des 2 conteneurs semble la bonne solution. C'est même assez simple à mettre en place... 
Donc pour reprendre ton exemple il faut écrire un code du genre (en imaginant que les 2 "conteneurs" auront les mêmes propriétés CSS) :
Dans le CSS :
#conteneur1 {
background-color:#C0C0C0;
margin:auto;
overflow:hidden;
width:975px;
}
#conteneur2 {
background-color:#C0C0C0;
margin:auto;
overflow:hidden;
width:975px;
}
Puis dans l'HTML :
Replacer le #conteneur2 entre le #main et le #footer
Ce qui fait :
<body>
<div id="conteneur1">
<div id="haut"></div>
<div id="navbar"></div>
<div id="main">
<div id="gauche"></div>
<div id="centre"></div>
<div id="droite"></div>
</div>
<div id="conteneur2">
blablabla...
</div> <!-- fin de #conteneur2 -->
<div id="footer">
</div>
</div> <!-- fin de #conteneur1 -->
</body>
Je n'ai pas testé exactement avec ton code (car j'en ai un autre sous la main), mais sous mes yeux
c'est ok comme ça
---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Marsh Posté le 20-11-2009 à 17:01:44
PS : Ca fonctionne également en faisant :
<body>
<div id="conteneur1">
<div id="haut"></div>
<div id="navbar"></div>
<div id="main">
<div id="gauche"></div>
<div id="centre"></div>
<div id="droite"></div>
</div>
</div> <!-- fin de #conteneur1 -->
<div id="conteneur2">
blablabla...
</div> <!-- fin de #conteneur2 -->
<div id="footer">
</div>
</body>
(Cad en mettant à la suite le conteneur1, le conteneur2, puis enfin le footer)
---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Sujets relatifs:
- [XNA, HLSL][Résolu] Paramètres shader génériques
- [Résolu][PHP] lecture d'objet XML en php
- [RESOLU] >>> Redirection vers une URL selon le mot de passe !
- [Self-Résolu] Port Série (COM) et WriteFile()
- Faire apparaitre une fenetre et griser le reste de la page
- page ranking invariant
- [réglé] Voire combien de personne ont visité une page
- Script commentaire dans page.
- (résolu) Positionnement de footer
- [résolu][PHP/XML] lecture de fichier XML en PHP
Marsh Posté le 20-11-2009 à 12:41:59
Salut à vous.
Débutant en CSS et je cherche à savoir quelle est la méthode pour passer de ce type de mise en page :
...A ce type-là :
Faut-il simplement créer 2 "blocs-conteneurs" ?
Merci
Message édité par toum_toum le 20-11-2009 à 16:54:21
---------------
“Et maintenant, la météo" - Soloviev 2022-2024