Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2090 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1942776
toum_toum
Vivons masqués
Posté le 20-11-2009 à 12:41:59  profilanswer
 

Salut à vous.
 
 
Débutant en CSS et je cherche à savoir quelle est la méthode pour passer de ce type de mise en page :
 
http://nsa11.casimages.com/img/2009/11/20/091120124115965838.jpg
 
...A ce type-là :
 
http://nsa10.casimages.com/img/2009/11/20/091120124120757157.jpg
 
 
 
 
Faut-il simplement créer 2 "blocs-conteneurs" ?
 
http://nsa11.casimages.com/img/2009/11/20/091120124125133888.jpg
 
 
Merci


Message édité par toum_toum le 20-11-2009 à 16:54:21
mood
Publicité
Posté le 20-11-2009 à 12:41:59  profilanswer
 

n°1942804
Fred999
Rabat-joie
Posté le 20-11-2009 à 14:13:04  profilanswer
 

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.

n°1942872
toum_toum
Vivons masqués
Posté le 20-11-2009 à 16:49:09  profilanswer
 

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  :)  

n°1942881
toum_toum
Vivons masqués
Posté le 20-11-2009 à 17:01:44  profilanswer
 


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)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [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 pagepage ranking invariant
[réglé] Voire combien de personne ont visité une pageScript 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)


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR