[CSS] Question de mise en page/structure générale (résolu)

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] Question de mise en page/structure générale (résolu)

toum_toum

Le Bonheur était dans le Prêt

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

---------------
"Je... je refuse! Je refuse !! Je refuse !!!"

Publicité

Fred999

Rabat-joie

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.

toum_toum

Le Bonheur était dans le Prêt

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> 
<div id="footer">
</div>
</div> 
</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

---------------
"Je... je refuse! Je refuse !! Je refuse !!!"

toum_toum

Le Bonheur était dans le Prêt

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> 

<div id="conteneur2">
blablabla...
</div> 

<div id="footer">
</div>

</body>

(Cad en mettant à la suite le conteneur1, le conteneur2, puis enfin le footer)

---------------
"Je... je refuse! Je refuse !! Je refuse !!!"

FORUM HardWare.fr

Programmation

HTML/CSS/Javascript

[CSS] Question de mise en page/structure générale (résolu)

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
Plus de sujets relatifs à : [CSS] Question de mise en page/structure générale (résolu)

Page générée en 0.219 secondes