28221 sujets

CSS et mise en forme, CSS3

[RESOLU] Float

Bonjour tout le monde,
Désolé de n'avoir rien à dire d'autres que d'énoncer un problème qui me prends la tête depuis 2 jours.
En prenant ce modèle du site, quand je veux mettre une image en float:left; elle déborde du cadre central.
Quand je rajoute float:left; au calque #gauche et #centre, l'image rentre dans le flux, mais le calque #centre n'occupe plus la totalité de la largeur de la fenêtre.
Auriez-vous une idée quelconque pour faire un mix des deux, que l'image rentre dans le cadre lequel occupe toute la largeur ?
Ca me serait vraiment utile.

Merci de m'avoir lu.
Modifié par milooser (04 Mar 2005 - 00:01)
Bonjour,
Merci pour ta réponse.
En effet j'aurais dû mieux regarder, donc ça marche ... mais que sur Firefox Smiley ohwell
En regardant mon site, l'image blanche déborde du conteneur sur IE, pourtant d'après la FAQ, ça devrait marcher aussi sur ce navigateur.

Donc dans le calque au centre .centre, j'ai mis overflow:auto; et même clear:both, et l'image a pour propriété le float left ( et un border mais on s'en fout )...

Si vous voyez un problème, ça serait super sympa de me prévenir, merci d'avance.
j'espere avoir bien compris ton probleme !

je te propose de rajouter des div "spacer" autour de ton bloc image.
par exemple : 
     <div class="centre">
    	<div id="spacer" style="clear: both;"/>
    <div class="lien_commentaire"><a href="/index.php?id=3#conteneur_commentaire">petit mot ?</a></div>
    <h1>Aujourd'hui ...</h1><br /><span class="date">lundi 28 février 2005 par camille</span>

    <div class="texte"><img src="http://raymond.camille.free.fr/image/deuf_neige.png" class="img_gauche" alt="" />
Test du float !</div>
    	<div id="spacer" style="clear: both;"/>
    </div>


cela devrait fonctionner sur IE et Firefox.
tout cela est tiré de l'excellent site www.openweb.eu.org et plus particulierement http://openweb.eu.org/articles/initiation_float/

bon courage
marc
Modifié par casimarc (02 Mar 2005 - 10:43)
Bonjour,
bon et bien qu'un seul mot marc : merci !
C'est très gentil d'avoir cherché une solution car ça marche parfaitement !

Bonne journée
Sujet clos
Aller à