Discussion :

[lanka133]

bonjour

galère galère!! ai essayé tout les codes en vain.. dois vraiment oublier un truc :-)



depuis pas mal de jour, je butte sur ce fameu code :-)
je voudrai avoir ma page d'intro sans scrollbar horizontale et centrée dans toutes les résolutions confondues voici les codes css dans ma page html (suis novice)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 body { 
background-color: #FFF; 
margin-left: 0px; 
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
text-align: center; 
}

et mon div principal

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
#ddd { 
margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
 
	width:50em;
}

mon div comprends 2 deux images qui peuvent etre coupées et la centrale

[miss_socrates]

Le code est peu explicite. Combien y a-t-il de div ?
Je propose ceci:
- pour cacher la barre de défilement horizontale, utiliser overflow: auto, qui ne la fera apparaitre que s'il y a trop de texte.
- pour centrer, placer la div avec margin: 0 auto; qui va la centrer en laissant le même espace de chaque côté à gauche et à droite.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
body { 
background-color: #FFF; 
margin: 0;
}
 
#conteneur{
 
     margin: 0 auto;
     position: absolute;
	 float: left;
	 width: 100%;
	 height: auto;
  }
 
#ddd { 
display: inline;
     margin: 0 auto;
	 position: relative;
	 text-align: center;
	margin: 0;
	text-align: center;
 	width:50em;
	overflow: auto;
}