KioskeaKioskeaCommentCaMarcheInscrivez-vous, c'est gratuit !
Samedi 17 mai 2008 - 10:43:19

Difficultés pour centrer mon site en CSS

Rechercher : dans
Difficultés pour centrer mon site en CSS
par byothe
 Fil de Discussions
Statut : Résolu
vendredi 23 février 2007 à 13:40:03
Bonjour à tous,

Ca fait plusieurs jours que j'essayes toutes les solutions que j'ai trouvé sur le net pour centre mon site web en CSS.
Je test pour le moment mon site en local avec EasyPhp sur IE 6 et Firefox.
Sur Firefox, tout va bien mon site se centre.
Par contre sur IE, rien à faire le site reste collé à gauche.

Voici mon code CSS (j'utilise le conteneur global qui inclus toute ma page entre les deux balises body) Je me suis permis de mettre le reste du code CSS au cas ou celui-ci pourrait interferer.

body {

height: 100%;
margin: 0;
background-color: #C9DAFF;
}


div#global {
min-height: 100%;
width: 980px;
margin: auto;
position: absolute;
padding: 0 ;
background: url(images/fondscorps.gif) center repeat-y;
top: 1px;
}

div#center {
/* Pour éviter la superposition
du pied de page et du contenu : */
padding-bottom: 50px;
overflow: auto;
}

div#en_tete
{
width: 980px;
height: 100px;
background-color: #0035AD;
/*background-image: url("images/haut.jpg");*/
background-repeat: no-repeat;
/*margin-bottom: 10px;*/
}

div#menu_verticale
{
width: 980px;
height: 25px;
background: url(images/bandeau980.gif) no-repeat top;
}

div#menu {
float: left;
width: 200px;
height: auto;
/*background: url(images/logoRB.gif) no-repeat bottom right;*/
/*margin-bottom: 40px*/
}

div#corps {
float: right;
width: 780px;
height: auto;
}

div#pied_de_page {
position: absolute;
width: 100%;
height :25px;
bottom: 0px;
}



Merci pour votre aide. J'espère que j'ai été assez clair et précis.
Configuration: Windows XP
Internet Explorer 6.0
Firefox
Répondre à byothe  Signaler ce message aux modérateurs Aller au dernier message

1


  • 1
    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
Par Gihef, le vendredi 23 février 2007 à 14:16:09 Fil de Discussions
Bonjour,

Essaye
  text-align : center;
dans le html {
Vois http://css.alsacreations.com/...

+ Le
position: absolute;
du body { est inutile.

Ton “#menu_verticale” devrait plutôt s'appeler “#menu_horizontal” (-;
 
Répondre à Gihef

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par byothe, le vendredi 2 mars 2007 à 13:51:46 Fil de Discussions
SUPER !!!
Ca marche !!!
Merci beaucoup hehe !
Répondre à byothe

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par byothe, le vendredi 2 mars 2007 à 13:58:02 Fil de Discussions
Enfin je me suis réjouis un peu vite :-( !
Ca marche très bien sur IE.

Mais comme pour que ça marche j'ai aussi du enlever le position : absolute du pieds de page...

... et bien sur Firefox, le corps descend jusqu'en bas de la page (lorsque les pages ne font pas toute la hauteur de l'ecran le corps s'ajuste automatiquement à la hauteur de l'écran). Mais le pied de page se positionne au niveau du bas réel de la page...

Ca doit pas être tres clair ce que j'ai dis...
Répondre à byothe

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par Gihef, le vendredi 2 mars 2007 à 14:32:59 Fil de Discussions
“Ca doit pas être tres clair”
En effet (-;
 
Répondre à Gihef

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par byothe, le vendredi 2 mars 2007 à 15:26:38 Fil de Discussions
Bah c'est pas facile sans pouvoir mettre de copie d'ecran...
Je vais essayer de dessiner la page :

Donc ca c'est ma page :

_____________________
|...................................| }
|...................................| }
|...................................| }Contenu de la page
|...................................| }
|...................................| }
|...................................| }
|XXXXXXXXXXXXXXXXX.| <- pied de page qui se met bien en bas
|...................................| du contenu de la page
|...................................|
|...................................| } Ici le fonds de la page continue au lieu
_____________________ } de s'arrêter au niveau du pied de page

Un dessin vaut mieux qu'un long discours... j'espere que c'est plus comprehensible ???
Merci pour le coup de main en tout cas.
Répondre à byothe

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par Gihef, le vendredi 2 mars 2007 à 15:33:40 Fil de Discussions
Essaye :
  div#pied_de_page {
    clear : both;
    …
Tu pourras peut-être supprimer “bottom: 0px;”.

+ Même s'il est préférable d'avoir la page en vrai, pour les copies d'écran : hebergement gratuit d images et de photos  
Répondre à Gihef

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par byothe, le vendredi 2 mars 2007 à 16:05:05 Fil de Discussions
Ca ne marche malheureusement pas...
Mais voici une copie d'ecran :

http://img158.imagevenue.com/img.php?image=47839_probleme_122_45lo.JPG
Répondre à byothe

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par byothe, le vendredi 2 mars 2007 à 16:53:08 Fil de Discussions
Bon finalement j'ai trouvé une solution en supprimant le
min-height: 100%

dans la partie #corps.

Et comme ca le corps ne descend pas jusqu'en bas de la page et le pied de page se situe bien au niveau du vrai bas de page.

Il ne colle pas au bas du navigateur mais ec n'est pas grave.

En tout cas merci beaucoup !
Répondre à byothe

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par tonnick, le jeudi 31 mai 2007 à 13:05:32 Fil de Discussions
Et pkoi ne mets tu pas simplement un height: auto pour ta div
et ds body
text-align: center ;(pour centrer le contenu)
margin: 0 auto 0 auto;
padding: 0

>> vc ca, t'es sur que ca passe sur ie et firefox, les 2 plus courants.

eventuellement, evite les positions absolute, c'est super chiant a gérer sf si tu as des div qui se chevauchent.

@+
Répondre à tonnick

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par krof65, le jeudi 31 mai 2007 à 13:41:45 Fil de Discussions 
salut moi j ai un pb avec webcreator qqu un peut il maider
Répondre à krof65
Discussions pertinentes trouvées dans le forum
08/01 17h53centrer le contenu d'un site [CSS]Webmastering08/01 18h154
25/05 11h45CSS: centrer site sous Explorer (margin:autoWebmastering19/12 18h566
06/11 22h03probleme pour centrer siteWebmastering07/11 00h4320
06/05 21h29Site CSS Pouvez-vous me donner votre avis ?Webmastering09/05 22h0932
01/02 18h53Centrer site avec Dreamweaver CS3Webmastering02/02 11h094
Plus de discussions sur « Difficultés pour centrer mon site en CSS » Discussion en cours Discussion fermée Problème résolu
Répondre
Titre du message :
Votre pseudo:
Votre email :
Message: 
  •  
  •  
Options: Recevoir les réponses par mail.
 

Aide