Probleme de bloc de span

bonjour,

j'ai plancé dans un div un span avec la propriété float rgiht.

le contenu de ce span fait une certaine hauteur, la div qui contient la balise span grandit bien sous Internet explorer mais pas sous firefox.

visible ici :
http://www.developpementphoto.net/V3/index.php?page=tousleslabos&plab=info

quelle est la propriété qui permet d'adapter la hauteur du div parent au span ? j'ai essayer display:block mais pas de résultat.... merci de vos explications

Jérémie

Bonsoir mims1664,

overflow:hidden;

semble pouvoir correspondre à ton besoin.

Cdt,
Sylvain

bonjour 6l20,

je ne désire pas cacher tout ce qui dépasse sur le bandeau du bas ! mais que le div qui le contient grandisse en fonction de son contenu...

mims1664 a écrit :

je ne désire pas cacher tout ce qui dépasse sur le bandeau du bas !

De quoi parle t-on ?

S'il s'agit de "formater" les parties dont j'ai modifié la couleur d'arrière plan (noir), alors je confirme ma proposition.
Il s'agit ici de créer un contexte de formatage, permettant de contenir tes éléments notamment les flottants :



La propriété overflow associée à la valeur hidden, entre autre, permet d'obtenir ce type de comportement :

.tablabdivm {
background:url(images/tablabdiv2.gif) no-repeat;
display:block;
margin-left:30px;
min-height:70px;
width:670px;
[b]overflow:hidden;[/b]
}

Méthode qui sera peut-être à adapter pour IE6.
Méthode qui n'est évidemment pas la seule utilisable.

S'il s'agit de tout autre chose, merci d'expliciter davantage ton problème (en nommant les éléments qui te posent problème par exemple )

Subiste quelques erreurs dans ton code html (un peu "lourd" soit dit en passant) et dans tes feuilles de styles, styles que l'on retrouve assez curieusement dans ton code html alors que parallèlement tu en as quelques unes à disposition

Cdt,
Sylvain

Il s'agit bien de la zone en noir qui ne contient pas le span flottant.

sous internet explorer 7 je n'ai pas ce problème de dépassement que je rencontre sous firefox même avec "overflow:hidden;"



Je sais que mon code css est mal organisé et lourd mais étant totalement autodidacte je n'ai pas de technique de travail ... j'essaye de m'améliorer ...
Modifié par mims1664 (15 Oct 2008 - 11:45)

Re,

On ne doit pa regarder le même document alors...

<div id="tablab2" class="tablabdivm">
<div 
style="margin-left: 10px; width: 670px; [#red][b]float: left;[/b][/#] height: auto;">
<span 
style="border-left: 1px solid rgb(247, 247, 247); padding: 5px; 
width: 170px; [#red][b]float: right;[/b][/#]">
<a target="_blank" href="redir.php?labo=5">
<img height="37" width="100" border="0" alt="5" src="labos/lesaccros2.jpg"/>
</a>
<br/>
Avis général :
<div class="ratingblock">
<div id="unit_long5b1">
<ul id="unit_ul5b1" class="unit-rating" style="width: 150px;">
<li class="current-rating" style="width: 150px;">Note actuelle : 5.00/5</li>
</ul>
</div>
</div>
Vote :
<strong> 5.0</strong>
/5 (1 vote )
</span>
<p> </p>
<p>bla bla petite description</p>
</div>
</div>
<div class="tablabdivb"> </div>

Ni ne devons avoir la même version de Firefox... re-
overflow:hidden (tu as mis visible) fonctionne sur FF

Allez, envoie la véritable url ?

Heu pardon j'ai fais quelques test et mis autre chose !

donc je remets comme tu m'as proposé :

http://www.developpementphoto.net/V3/index.php?page=tousleslabos&plab=info

J'ai firefox 3

Par contre overflow:hidden

tu l'appliques bien à tablabdivm ? ou a la balise div et span ?

Merci de ton aide.

mims1664 a écrit :

Par contre overflow:hidden
tu l'appliques bien à tablabdivm ? ou a la balise div et span ?

Oui.
Cela me semble correspondre à ce que tu voulais non ?

Cdt,
Sylvain

bonsoir

Le probleme semble se situer au niveau de l'image de fond qui ne se répète pas en hauteur .(.tablabdivb)

L'overflow est malheureusement inefficace sur ce point .

Bon courage

Oui tout a fait ! cela ne résous pas mon problème, l'affichage avec firefox n'est toujours pas bon.

mims1664 a écrit :
Oui tout a fait ! cela ne résous pas mon problème, l'affichage avec firefox n'est toujours pas bon.

Auquel cas, il faut peut-être repenser la conception de tes boites, non ?
La FAQ et les liens associés

Le net regorge également de tutoriels concernant les boites avec coins arrondis (css et javascript), une petite recherche devrait t'en fournir un bon nombre

Cdt,
Sylvain

[.note de modération]

Humour et bonne humeur autorisés.
Entre-aide fortement appréciée.
Trollage uniquement le vendredÿ dans le bar du forum

[/]
Modifié par 6l20 (16 Oct 2008 - 17:44)