URL: https://linuxfr.org/forums/programmationweb/posts/probl%C3%A8me-de-css
Title: Problème de CSS....
Authors: Gyro Gearllose
Date: 2004年06月18日T11:51:34+02:00
Tags: 
Score: 0
Voilà, j'ai une page dans laquelle j'ai deux div pour l'instant. Elles sont cote à cote.
Grosso modo, ça ressemble à ça :
+-------+ +------------------------------+
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
+-------+ +------------------------------+
Les marges sont fixées à 10 pixels (dans tous les sens) ; par conséquence, les deux cadres sont séparés par 10 points.
Je voudrais que le cadre de droite occupe la totalité de l'espace disponnible tant en largeur qu'en hauteur pour la partie qui lui est réservée, c'est à dire :
pour la largeur
 - largeur totale de la fenêtre - (10 + largeur du cadre de gauche + 10 + 10)
Et en hauteur :
 - hauteur totale -( 10 - 10).
Comment procéder ? J'ai essayé un peu tout ce que j'ai pu trouver dans les docs en jouant avec les %, les margins, tout le bouzin sans succès.
D'avance merci pour vos conseils/votre aide.
P.S. : Les deux divs sont placés comme suit :
position: relative;
float: left;
width:auto;
margin: 10px;
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="httpS://linuxfr.org/forums/programmationweb/posts/probl%C3%A8me-de-css.md">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="httpS://linuxfr.org/forums/programmationweb/posts/probl%C3%A8me-de-css.md" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>