Rechercher : dans
Par :

CSS Image dépasse de mon div

Dernière réponse le 26 mai 2008 à 17:46:15 Etienne, le 26 mai 2008 à 15:30:31 
 Signaler ce message aux modérateurs

Bonjour,
j'ai un problème de positionnement d'image, lorsque je place mon image, elle dépasse de mon cadre, qui est contenu dans un div. (ça marche bien sous IE7......)

http://etienne.leplumey.free.fr/accueil voici le problème, c'est l'image du bas qui sort du cadre.

Voici mon code, je m'explique mal :

<div id="corps">
<div id="corps_top">
</div>

<h1>News</h1>
<h2>Résidence</h2>

<p>......</p>

<h2>Concert Samedi 12 juin</h2>

<p><img src="images/blozparty.jpg" >........</p>

<h2>Concert Samedi 12 juin</h2>

<p><img src="images/Albert.jpg" >......
</p>

</div>
<div id="footer">
<p>......</p>
</div>


Voici mon CSS :

#corps
{
margin-top:30px;
margin-bottom:-20px;

background-image: url("images/corps_centre.jpg");
width: 780px;
background-repeat: repeat-y;
}
#corps p
{
text-align:justify;
margin-left:25px;
margin-top:0px;
padding-right:25px;
padding-bottom:10px;
}
#corps img
{
float: left;
width:200px;
padding-right:10px;
}
#footer
{
background-image: url("images/footer.jpg");
background-repeat: no-repeat;
height:40px;
margin-top:10px;
text-align:center;
color:white;
font-size: 14px;
}

Merci d'avance, c'est peut être tout bête je connais pas grand chose en CSS.

Configuration: Windows Vista
Firefox 2.0.0.14

Meilleures réponses pour « CSS Image dépasse de mon div » dans :
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...
DHTML - La notion de couche VoirQu'est-ce qu'une couche? Le DHTML est basé sur une fonctionnalité provenant de la norme 4.0 du HTML: les feuilles de style en cascade de positionnement, aussi appelée CSS-P (Cascading Style Sheets Positionning). Celles-ci permettent de définir des...

1

clintm, le 26 mai 2008 à 16:11:08

Salut,

http://fr.selfhtml.org/css/proprietes/positionnement.htm#ove­rflow
------------------------------------------
>>Trop de paroles noient la vérité<<

Répondre à clintm

2

 Etienne, le 26 mai 2008 à 17:46:15

Impeccable sa marche, merci bien

Répondre à Etienne
Collection CommentÇaMarche.net