Page 1 sur 1

structure générale d'une page

Publié : 10 juil. 2004, 13:01
par lou
voilà ça fait des mois que je bataille quelque chose,
je veux écrire une page simple avec un menu de navigation sur la gauche.
je veux que le code soit de cette façon :

<div id="page">
.....
</div>
<div id="menu">
.....
</div>

la page avant le menu !
mais bien sûr je veux que le menu soit au même niveau sur la gauche de la page, alors là j'ai trouvé plusieurs solutions mais aucune n'est bonne.

#page{position:absolute; } #menu en dur, quand la page dépasse le menu sous IE il est impossible de selectionner le texte.

#page en dur #menu en position:absolute, quand la page ne dépasse pas le menu j'ai un bout de menu qui dépasse le bas de ma page caractérisé par une bordure, l'attribut max-width enleverai ce problème mais de même sous ie ça ne marche pas.

Si qqun a une autre idée...

Publié : 10 juil. 2004, 13:05
par jv2759
je te conseil de regarder ici:

http://frenchmozilla.sourceforge.net/

et tu change le style à appliquer, certain son à gauche, comme japan... Cela te montrera differente possibiliter...

Publié : 10 juil. 2004, 13:33
par lou
je viens d'analyser toute les feuilles de style, le menu est bien placé après la page, mais il est remonté en position absolute, il faut donc que la page soit assez longue pour dépasser le menu...

Publié : 10 juil. 2004, 14:40
par lou
comment peut-on positionner un bloc en absolu tout en bas de la page, même quand il y a défilement ? relative bottom:0 le positionne en bas de la page du navigateur mais ne tient pas compte du défilement.

Publié : 10 juil. 2004, 14:58
par jv2759
Je ne pense pas que cette fonction existe en css pure.

Mais tu peux le faire en javascrite.

Tu recupere la taille de la page puis tu soustrait la taille de ton bloc pour le posisioner en absolut. et tu repete cela à chaque fois que la pages bouge...

Autre solution, utiliser des iframe, qui sont un equivalent de frame.

Car le defaut de la premier solution c'est que cela risque de ce trouver sur du text...

Publié : 10 juil. 2004, 15:11
par lou
bah non jveux pas d'iframe,
bon j'ai utilisé la solution du menu en position absolute avec un min-height pour gecko et le hack pour ie dabnsel but d'émuler le min-height

#container {
position: relative;
min-height: 100%;
height: 100%;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
}

html>body #container {
height: auto;
}

Mais j'aime pas faire ça...

Si au moins ma solution avec la page en absolute marchai sous ie sans qu'on ne puisse pas sélectionner le texte, c'est grave tout les bugs en css sous ie qui rendent la vie impossible !

Publié : 10 juil. 2004, 15:13
par lou
très bonne page là dessus : http://pompage.net/pompe/pieds/

Publié : 10 juil. 2004, 16:43
par lou
bah merde le hack marche pas, ie voit bien height:auto; jdeviens dingue, c'est possible que le hack ne marche pas ?

Publié : 11 juil. 2004, 19:04
par calimo
Sinon il y a aussi http://alsacreations.com/articles/ qui peut te donner des pistes pour positionner ton menu.