Bonjour !
Excusez ma newbitude, j'ai du mal à intégrer le positionnement en css
J'ai doc une div, dont la hauteur varie en fonction du texte qu'elle contient ; et j'aimerai qu'une image vienne se coller à l'extérieur de cette div, en bas à gauche.
Code :
- ________
- |bla |
- |bla |
- |bla |
- |bla |
- ___|bla |
- |img|bla |
- |___|______|
|
mon problème c'est que je n'arrive pas à faire en sorte que la div de gauche adopte la même hauteur que celle de droite. Avec mon code la div de gauche prends la hauteur de mon image... que dois-je modifier pour arranger ça ? voici mon code :
Code :
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
- <title>Test</title>
- <style>
- div.conteneur {
- width : 100%;
- }
- div.gauche {
- position : absolute;
- left : 0px;
- width : 20%;
- height : 100%;
- background-color : #EEAA22;
- vertical-align : bottom;
- }
- div.droite {
- position : absolute;
- left : 20%;
- width : 40%;
- background-color : #CCEEBB;
- }
-
- img.icon {
- float : right;
- height : 50px;
- width : 50px;
- }
- </style>
- </head>
- <body>
- <div class="conteneur">
- <div class="gauche">
- <img class="icon" src="icon.gif" alt="icone" />
- </div>
- <div class="droite">
- bla bla bla <br />
- bla bla bla <br />
- bla bla bla <br />
- bla bla bla <br />
- bla bla bla <br />
- bla bla bla
- </div>
- </div>
- </body>
- </html>
|
Merci de votre aide
Message édité par Gnub le 22-09-2003 à 15:49:35