Probleme de dimmensionement de div.

XF007 · Message par **XF007** » 25 mai 2004, 18:06

Salut, j'ai un léger probleme et je ne sait pas du tout comment le regler.
Alors le code :

<html>
<head>
<style type="text/css">
body
{
	margin: 0;
	background-color: #000000;
	color: white;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}


.barres_grandes
{
	text-align: center;
	width: 300px;
}

.barres_moyennes
{
	text-align: center;
	width: 200px;
}

.barres_petites
{
	text-align: center;
	width: 100px;
}

.barre_rouge{
	color: #CCC;
	/*background-color: #FF0000;*/
	height: 12px;
	float: left;
	background-image:url(img/stats/red.png);
	background-repeat: repeat-x;
}

.barre_verte{
	color: #EEE;
	height: 12px;
	float: left;
	background-image:url(img/stats/green.png);
	background-repeat: repeat-x;
}

.barre_grisec{
	color: #FFF;
	height: 12px;
	float: left;
	background-image:url(img/stats/grisec.png);
	background-repeat: repeat-x;
}

.barre_grisef{
	color: #FFF;
	height: 12px;
	float: left;
	background-image:url(img/stats/grisef.png);
	background-repeat: repeat-x;
}
</style>
</head>
<body>

Connectés 
<div class="barres_petites">
 <div class="barre_grisef" style="width:4%">&nbsp;</div>
 <div class="barre_grisec" style="width:96%">1</div>

</div>
<br />
Inscrits
<div class="barres_petites">
 <div class="barre_grisef" style="width:100%">&nbsp;</div>
 <div class="barre_grisec" style="width:0%">10</div>
</div>
<br/>
 Vie
<div class="barres_grandes">
  	 <div style="width:0%" class="barre_rouge">&nbsp;</div>
  	 <div style="width:100%" class="barre_verte">200/200</div>
</div>

</body>
</html>

Mozilla (tout est ok), Internet Explorer (bien sur, ca merde):

Si quelqun pouvait me donner un truc pour que ca rende pareil sous ie ...
merci !

calimo · Message par **calimo** » 26 mai 2004, 10:16

Tout d'abord en mettant un doctype, et en vérifiant que ton code est valide. (et il ne l'est pas)

Ensuite je pense que ça ne marchera toujours pas parce que IE est incapable de gérer plusieurs float en même temps, donc il faudra utiliser un positionnement absolu.

XF007 · Message par **XF007** » 26 mai 2004, 17:39

j'ai mit ici qu'une partie du code, du moins juste un code de test, le code du site lui a un doctype, et ca m'étonerai qu'il sois entierement valide quand même.

Donc je vais devoir utiliser le positionement relatif :/ bha ok merci

Geckozone

Probleme de dimmensionement de div.

Probleme de dimmensionement de div.

Qui est en ligne ?