URL: https://linuxfr.org/forums/programmationweb/posts/probl%C3%A8me-de-positionnement-css
Title: Problème de positionnement CSS
Authors: Nelis
Date: 2005年03月01日T15:01:41+01:00
Tags: 
Score: 0
Bonjour, 
 
J'ai un code HTML comme ceci (j'ai remplacé les ouvertures et fermetures de balises par []) : 
 
 
 [?xml version="1.0" encoding="UTF-8"?] 
 [!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
 "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd(...)](http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd)"] 
 [html xmlns="[http://www.w3.org/1999/xhtml(...)](http://www.w3.org/1999/xhtml)" xml:lang="fr" lang="fr"] 
 [head] 
 £spaces£	£/spaces£[meta http-equiv="Content-Type"	content="text/html; charset=UTF-8" /] 
 £spaces£	£/spaces£[meta name="MSSmartTagsPreventParsing" content="TRUE" /] 
 £spaces£	£/spaces£[title]Test[/title] 
 £spaces£	£/spaces£[link rel="stylesheet" type="text/css" href="test.css" media="screen" /] 
 [/head] 
 
 [body] 
 £spaces£	£/spaces£[div id="leftPane"] 
 £spaces£		£/spaces£[div id="search" class="innerPane"] 
 £spaces£			£/spaces£[form] 
 £spaces£				£/spaces£[p]Search Product[br/] 
 £spaces£				£/spaces£[input type="text"][/p]			 
 £spaces£			£/spaces£[/form] 
 £spaces£		£/spaces£[/div] 
 £spaces£		£/spaces£[div id="menu" class="innerPane"] 
 £spaces£			£/spaces£[ul] 
 £spaces£				£/spaces£[li]Home[/li] 
 £spaces£				£/spaces£[li]Lien 1[/li] 
 £spaces£				£/spaces£[li]Lien 2[/li]			 
 £spaces£			£/spaces£[/ul] 
 £spaces£		£/spaces£[/div] 
 £spaces£		£/spaces£[div id="catalog" class="innerPane"] 
 £spaces£			£/spaces£[ul] 
 £spaces£				£/spaces£[li]UN[/li] 
 £spaces£				£/spaces£[li]DEUX[/li] 
 £spaces£				£/spaces£[li]TROIS[/li]			 
 £spaces£			£/spaces£[/ul] 
 £spaces£		£/spaces£[/div] 
 £spaces£	£/spaces£[/div] 
 £spaces£	£/spaces£[div id="rightPane"] 
 £spaces£		£/spaces£[div id="navigation"] 
 £spaces£		£/spaces£Home ] Test 
 £spaces£		£/spaces£[/div] 
 £spaces£		£/spaces£[div id="content"] 
 £spaces£		£/spaces£[p]abc[/p] 
 £spaces£		£/spaces£[/div] 
 £spaces£	£/spaces£[/div] 
 [/body] 
 [/html] 
 
 
J'aimerais que la page s'affiche de cette manière : 
 
 
 ___________________________________________________________________ 
 |.................|..............................................| 
 |....leftPane......|............rightPane...........................| 
 |.................|..............................................| 
 |.................|..............................................| 
 |.................|..............................................| 
 |.................|..............................................| 
 |.................|..............................................| 
 |_________________________________________________________________| 
 
 
Bref, rien de bien compliqué ... 
 
Je n'arrive pas à trouver comment positionner ça convenablement pour que leftPane et rightPane aient la même hauteur, et qu'ils s'enchainent correctement de gauche à droite ... 
 
Si quelqu'un a la solution ... (j'ai joué des heures avec les positions absolute, relative et float sans succès) 
 
Merci ...
</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-positionnement-css.md">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="httpS://linuxfr.org/forums/programmationweb/posts/probl%C3%A8me-de-positionnement-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>