Bonjour,
je planche sur un problême de CSS depuis quelques jours maintenant, et je pense avoir essayé toutes les possibiltiés, je veins donc sur le forum de la dernières chance
.
Puisqu'un schéma explique mieux que toutes les phrases du monde, voiçi grosso modo mon problême :
http://www.connaistoitoimeme.com/divredim.png
Voilà comment son agencés les DIV dans le code Html :
Et dans le code CSS :
Dinc en résumé, comment faire en sorte que le DIV de gauche s'adapte à la place prise par le DIV de droite et se réduise où s'étire, pour conserver 18px de marge avec ce dernier ?
@+ merci d'avance
je planche sur un problême de CSS depuis quelques jours maintenant, et je pense avoir essayé toutes les possibiltiés, je veins donc sur le forum de la dernières chance

Puisqu'un schéma explique mieux que toutes les phrases du monde, voiçi grosso modo mon problême :
http://www.connaistoitoimeme.com/divredim.png
Voilà comment son agencés les DIV dans le code Html :
<div id="smil_corps">
<div id="smileys">
<h2>Smileys</h2>
<p>Bla bla bla</p>
</div>
<div id="corps" >
<textarea name="art_corps" cols="58" rows="17"></textarea>
</div>
</div>
Et dans le code CSS :
#smil_corps {
position:relative;
height:330px;
width:100%;
}
#smileys {
position:absolute;
top:0px;
left:0px;
height:300px;
width:15%;
margin-right:18px;
padding: 10px 10px 10px 10px;
border: 1px solid #73a2bd;
background-color: #D0D9E1;
text-align:center;
text-indent:0px;
vertical-align:baseline;
overflow:auto;
}
#corps {
position:absolute;
top:0px;
right:0px;
width:500px;
height:300px;
padding: 10px 10px 10px 10px;
border: 1px solid #73a2bd;
text-align:center;
vertical-align:middle;
background-color: #D0D9E1;
overflow:auto;
z-index:50;
}
Dinc en résumé, comment faire en sorte que le DIV de gauche s'adapte à la place prise par le DIV de droite et se réduise où s'étire, pour conserver 18px de marge avec ce dernier ?
@+ merci d'avance