Bonjour,
J'ai un code HTML comme ceci (j'ai remplacé les ouvertures et fermetures de balises par []) :
J'aimerais que la page s'affiche de cette manière :
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 ...
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(...)"]
[html xmlns="http://www.w3.org/1999/xhtml(...)" xml:lang="fr" lang="fr"]
[head]
[meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /]
[meta name="MSSmartTagsPreventParsing" content="TRUE" /]
[title]Test[/title]
[link rel="stylesheet" type="text/css" href="test.css" media="screen" /]
[/head]
[body]
[div id="leftPane"]
[div id="search" class="innerPane"]
[form]
[p]Search Product[br/]
[input type="text"][/p]
[/form]
[/div]
[div id="menu" class="innerPane"]
[ul]
[li]Home[/li]
[li]Lien 1[/li]
[li]Lien 2[/li]
[/ul]
[/div]
[div id="catalog" class="innerPane"]
[ul]
[li]UN[/li]
[li]DEUX[/li]
[li]TROIS[/li]
[/ul]
[/div]
[/div]
[div id="rightPane"]
[div id="navigation"]
Home ] Test
[/div]
[div id="content"]
[p]abc[/p]
[/div]
[/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 ...
> Lire le message (9 commentaires, moyenne: 2,1).
Vous avez demandé le commentaire #540550.
Run by 
Cette page a été générée par Templeet en 0.0462s (dont 0.0041 de SQL).
Cette page est peut-être conforme xhtml 1.0.
Information sur le site.
à la source
dans la spécification CSS2, il y a un bon exemple de mise en page en colonne que j'utilise souvent (c'est là pour ça :-))
http://www.w3c.org/TR/CSS21/visuren.html#fixed-positioning(...)
je pense que ça devrait faire ton affaire.
python, postgresql, xml, gtk, linux, open-source !
[^]Re: à la source
Merci, cela fonctionne sauf que c'est du fixed ... Donc pour la fenetre de contenu ce n'est pas top, et en plus ça ne marche pas sous IE ....
Est-ce qu'il y aurait moyen d'avoir le même résultat avec relative ou float ?
Vache qui rit, à moitié dans son lit
[^]Re: à la source
Si tu veux quelquechose qui marche sous IE, évite les position:relative.
#define MAGIC 0xdefaced /* I should've patented this number -cliph */