probleme avec des div

**kanabzh29** · 18/09/2008, 15h26

Bonjour,

La je block sur un problème de div, voila le css :

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
26
 
* {
	margin:			0;
	padding:		0;
	border:			0;
	font-family: 	"Trebuchet MS", Verdana, Arial, sans-serif;
	color:			#000;
}
 
body {
	background-color:		#000;
}
 
#global {
	margin: 			auto;
	width: 				1000px;
	height:				100%;
	background-color: 	#fff;
}
 
#infos {
	margin:				10px;
	width:				780px;
	background-color:	#3f6486;
	color:				#fff; 	
}

Voila le html :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>welcome</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link href="_css/cv.css" rel="stylesheet" type="text/css">
  </head>
  <body>
	<div id="global">
		<div id="infos">
		bonjour
		</div>
	</div>
  </body>
 </html>

En fait le problème est que si je n'ecris rien dans le div "infos", rien ne s'affiche alors que le global devrait se voir.
Si je marque quelque chose dans le div "infos", je vois les div "global" et "infos", seulement le div "global" prend une marge de 10px en haut et pas le div "infos".

Je précise que je suis sur Firefox, le problème n'existe pas sous IE.

**extraman1** · 19/09/2008, 19h54

Salut,

Pour ce qui est du problème de margin, il vaut mieux mettre un padding dans global, ça passe mieux (je ne sais pas pourquoi^^) et donc de mettre un margin à 0 dans info.

Ensuite il faut mettre height 100% dans info

Voici le code corrigé :

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
26
27
28
29
30
 
* {
	margin:			0;
	padding:		0;
	border:			0;
	font-family: 	"Trebuchet MS", Verdana, Arial, sans-serif;
	color:			#000000;
}
 
body {
	background-color:		#000000;
}
 
#global {
	margin: 			auto;
	padding: 			10px;
	width: 				1000px;
	height:				100%;
	background-color: 	#ffffff;
}
 
#infos {
	width:				780px;
	height:				100%;
	margin: 			0;
 
	background-color:	#3f6486;
	color:				#ffffff; 
 
}

A++

**kanabzh29** · 22/09/2008, 12h05

Cela marche très bien. Merci

probleme avec des div

CSS

Vue hybride

Discussions similaires

Partager

Partager