Rechercher : dans
Par :

Difficultés pour centrer mon site en CSS

Dernière réponse le 31 mai 2007 à 13:41:45 byothe, le 23 fév 2007 à 13:40:03 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « Difficultés pour centrer mon site en CSS » dans :
Créer un site beau, dynamique et respectueux des standards VoirVoici une liste de liens qui vous aideront à mieux exploiter les standards (HTML, CSS, DOM...) pour créer des sites plus beau, plus dynamiques et plus respectueux des standards. A la fin de cette page, il y a également une liste de...
[Webmaster] Adapter un site à toutes les résolutions, le centrer VoirUne question récurrente sur ce forum est "Comment adapter mon site à la résolution du visiteur ? Quelle résolution choisir ?" Pas besoin de se compliquer la vie pour ça ! Comment faire Il suffit d'appliquer une largeur relative (=qui change selon...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Attaques Cross-Site Scripting VoirInjection de code malicieux Les attaques de type Cross-Site Scripting (notée parfois XSS ou CSS) sont des attaques visant les sites web affichant dynamiquement du contenu utilisateur sans effectuer de contrôle et d'encodage des informations...

1

Gihef, le 23 fév 2007 à 14:16:09
  • +3

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

byothe, le 2 mar 2007 à 13:51:46

SUPER !!!
Ca marche !!!
Merci beaucoup hehe !

Répondre à byothe

3

byothe, le 2 mar 2007 à 13:58:02

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

Gihef, le 2 mar 2007 à 14:32:59

“Ca doit pas être tres clair”
En effet (-;
 

Répondre à Gihef

5

byothe, le 2 mar 2007 à 15:26:38

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

Gihef, le 2 mar 2007 à 15:33:40

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

byothe, le 2 mar 2007 à 16:05:05

Ca ne marche malheureusement pas...
Mais voici une copie d'ecran :

http://img158.imagevenue.com/img.php?image=47839_probleme_12­2_45lo.JPG

Répondre à byothe

8

byothe, le 2 mar 2007 à 16:53:08

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

tonnick, le 31 mai 2007 à 13:05:32

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

 krof65, le 31 mai 2007 à 13:41:45

Salut moi j ai un pb avec webcreator qqu un peut il maider

Répondre à krof65