aide div et css

Version imprimable

aide div et css

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
http://nebilpro.free.fr/css/CaptureFenetreActive1.jpg

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 ??http://nebilpro.free.fr/css/CaptureFenetreActive2.jpg

mon html
Code:

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:

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; }

26/07/2006, 10h58
Paniez

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?
26/07/2006, 11h16
nebil

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

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:

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; }