28172 sujets

CSS et mise en forme, CSS3

Bien l'bonjour.
Le titre ne m'a pas l'air très clair alors je vais détailler la chose.

J'ai une série de divs en float left qui contiennent des en tete de colonne. L'un de ces en tete doit être le seul à changer de taille au redimensionnement de la page.
J'ai lu en faisant des recherches que si on mettait deux divs en float left sans spécifier de largeur au second, alors il prendrait la largeur restante, mais comment faire lorsqu'il y à d'autres div après?

Voici mon code:


<div style="width:100%; background-color:white;"> 
	<div align="left" style="float:left; width:10px; border-color:red;"><img src="images/colona_s.gif" alt="bordure gauche"/></div>
	<div id="entete" align="center" style="float:left; width:100px;">N° art.</div>
	<div id="entete" align="center" style="float:left;">Libellé</div>
	<div id="entete" align="center" style="float:left; width:80px;">Pce cpta. </div>
	<div id="entete" align="center" style="float:left; width:50px;">Qt&eacute;</div>
	<div id="entete" align="center" style="float:left; width:70px;">Unit.</div>
	<div id="entete" align="center" style="float:left; width:90px;">Prix unit.</div>
	<div id="entete" align="center" style="float:left; width:35px;">%</div>
	<div id="entete" align="center" style="float:left; width:70px;">TVA</div>
	<div id="entete" align="center" style="float:left; width:80px;">Total HT</div>
	<div id="entete" align="center" style="float:left; width:70px;">Actions</div>
</div>


Donc c'est Libellé qui devrait avoir une taille adaptée, mais pour le moment il à juste la taille du texte contenu Smiley decu D'ailleurs même si je met le libellé en tout dernier, ça ne change rien.
J'ai aussi vérifié la taille du div qui les contient tous, et il prend bien toute la largeur...
Modifié par Scade (06 May 2008 - 15:31)
Avant de poursuivre: es-tu certain de la cohérence de ton balisage? De ce que j'en vois, ça m'a plutôt tout l'air de données tabulaires…
Modifié par Benjamin D.C. (06 May 2008 - 23:38)
Et bonjour!

@Poil2Panpan: J'ai testé, sans résultat Smiley decu Le div à 100% prend vraiment 100% et repousse les autres à la ligne.

@Benjamin D.C: Non, dans le cas présent ce n'est pas du tout cohérent, j'ai vite remplacé par un tableau. Mais je reste curieux de savoir si et comment c'est possible? Smiley cligne

Merci pour vos réponses!