aide div et css

**nebil** · 26/07/2006, 10h50

Bonjour a tous , voila quelqu'un peut-il m'aider en me disent pourquoi
mon bandeau titre ne peut pas faire faire 100% de large cad coller le bandeau gauche et la bordure droite de mon contener sous IE 6 ?

le 1er exemple le bandeau titre fait 243px de largeur il reste un espace entre titre et bandeau

et dans le second exemple le titre fait 242 px de largeur et la du coup il reste toujour un espace mais apparement titre chevauche bandeau et bandeau descend ??

mon 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
17
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<link href="test_div.css" rel="stylesheet" type="text/css" />
</head>
 
<body>  
 
<div id="contener" >
<div id="titre"> titre</div>
<div id="bandeau_gau" >bandeau</div>                                     
 </div>
 
</body>
</html>

les 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
27
28
29
30
31
32
33
34
35
36
37
html,body 
{
background-color : white;
}
 
 
#contener
{
   position:fixed;
width:300px;
height:300px;
background-color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-left:0px;
margin-top:0px;
}
 
#bandeau_gau{
position:relative;
width:50px;
height:300px;
background-color:#FF0000;
vertical-align:top;
margin-top:0px;
}
 
#titre{
display:block;
margin-top:0px;
width:242px;
float:right;
height:20px;
background-color:#CCFF66;
margin-right:0px;
 
}

**Paniez** · 26/07/2006, 10h58

Salut,
Il y a déjà un truc qui me chagrine, pourquoi tu fais un contener pour bandeau et titre?
De plus, pour les tailles (dans ta feuille de style), il vaudrait mieux mettre en % qu'en px pour ceux qui utilisent une autre résolution que toi.
Sinon, si tu met "position: absolute" dans bandeau_gau, çà ne solutionnerait pas ton probleme?

**nebil** · 26/07/2006, 11h16

Ba tout simplement parceque je n'arrive pas a les faire touché quand j'encapsule pas tout dans contener , si chaque div et independante titre prend comme valeur bandeau et du coup lson top se fait pas par rapport au body mais au bandeau du coup il est jamais en haut

**masu** · 26/07/2006, 11h22

le menu sout IE fait un peu plus de 50px car enfait le mot bandeau est plus lon que ces 50px. j'ai placé un overflow:hidden pour l'empecher de "grandir". En effet sous IE6 la propriété width se comporte comme un min-width.

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
 
html,body {
	background-color : white;
}
 
#contener {
	position: fixed;
	width: 300px;
	height: 300px;
	background-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
 
#bandeau_gau {
	position: relative;
	width: 50px;
	height: 300px;
	background-color: #FF0000;
	float: left;
	overflow: hidden;
}
 
#titre {
	width: 250px;
	height: 20px;
	background-color: #CCFF66;
	float: left;
}

aide div et css

CSS

Vue hybride

Discussions similaires

Partager

Partager