WordPress Francophone

rouzb · 01-06-2008 15:35:47

Bonjour,

Ma configuration WP actuelle
- Version de WordPress : 2.5.1
- Thème utilisé : le mien
- Plugins en place :
- Nom de l'hebergeur : je travaille en local
- Adresse du site :

Problème(s) rencontré(s) : aligner le content et la sidebar sous le header

bonjour,

j'essaie d'aligner mon content et ma sidebar sous mon header, de façon à ce que mon site soit centré sur la page.

voila le code rentré dans le css

Code: CSS

#content {
background: url(images/contentplusglossy.jpg);
width: 700px;
height : 1255px;
float : left;
}
 
.sidebar {
font-size: 1.2em;
width: 200px;
height : 1255px;
background:url(images/sidebar.jpg);
float : right;
}

Avec ça, le content se colle à gauche de la feuille et la sidebar à droite.

Que dois-je faire mettre le content sous le header, et la sidebar à droite du header, le tout sous le header (exactement comme l'exemple de cette page : http://www.fran6art.com/tutoriels/creat … -du-theme/)

Avec margin : 0 auto 0 auto; ça ne marche pas non plus.

Merci d'avance.

Comme une image · 01-06-2008 19:46:55

Ce n'est pas très facile de te répondre sans avoir la page sous les yeux ou, à défaut, une explication sur comment tu as organisé tes différentes div.

Généralement, on fait comme ça (j'imagine que tu veux un design à largeur fixe) :

Code: HTML

<div id="wrapper"> qui contient l'ensemble de ton code
  <div id="header"> ton entête </div>
  <div id="main"> qui regroupe tes deux colonnes
    <div id="content"> ... ta colonne de gauche </div>
    <div id="sidebar"> ... ta colonne de droite </div>
  </div>
  <div id="footer"> ton pied de page </div>
</div>

ensuite dans ta css :

Code: CSS

#wrapper {
  width: xxx px ; /* ta largeur */
  margin:auto; /* pour centrer */
}
 
#content {
  width: xxx px ; /* ta largeur colonne de gauche */
  float:left ; /* pas forcément indispensable, je pense */
}
 
#content {
  width: xxx px ; /* ta largeur colonne de droite */
  float:right ; 
}

Par ailleurs :
1/ je ne pense pas que tu aies besoin de spécifier une height (à éviter, même. Sinon, positionner overflow:...
2/ ton background est très incomplet ! tu ne spécifies que background-image => voir doc CSS

rouzb · 03-06-2008 00:20:07

en fait mon erreur est que j'avais refermé la balise div dans page au lieu de la fermer dans footer. maintenant ca marche en mettant un float left au content et à la sidebar (avec float right à la sidebar, elle se collait à droite..).

Ca marche, mais seulement avec firefox. Avec IE7, la sidebar se met en dessous du content..

que faire pour que ca marche avec les 2 navigateurs??

merci d'avance

Comme une image · 03-06-2008 21:55:39

Généralement, la bonne réponse est : faire du code HTML valide (contrôle-le avec HTML Validator).

WordPress Francophone

La référence en matiere de moteur de blog.

Le multi-blogs devient un jeu d'enfant !

La communauté, c'est vous qui la faites !

WordPress et vous !

Annonce

#1 01-06-2008 15:35:47

problème pour aligner le content et la sidebar sous le header

Code: CSS

#2 01-06-2008 19:46:55

Re: problème pour aligner le content et la sidebar sous le header

Code: HTML

Code: CSS

#3 03-06-2008 00:20:07

Re: problème pour aligner le content et la sidebar sous le header

#4 03-06-2008 21:55:39

Re: problème pour aligner le content et la sidebar sous le header

Pied de page des forums