1

Hello;

J'utilise le CSS de mise en forme avec les proprietes suivantes pour mettre un menu sur la gauche :

div#titre
{
        overflow: auto;
        position: fixed; 
}

div#page
{
        overflow: hidden;
}

div#menu
{
        float: left;
        position: fixed;
		width: 300;
				border-bottom-style:dashed; 
 		border-bottom-width:1; 
		border-top-style:dashed; 
 		border-top-width:1; 
		border-left-style:dashed; 
 		border-left-width:1; 
		border-right-style:dashed; 
 		border-right-width:1;
}

div#contenu
{
        float: right;
		position: fixed;
}


Ca marche nickel sous IE, mais pas sous mozilla, une idee pour rendre compatible ?
avatar
納 豆パワー!
I becamed a natto!!!1!one!

2

je crois que tu as pas besoin de mettre 'right' pour le contenu non ?

3

depuis quand IE gere le position: fixed...
j'ai jamais reussi a faire marcher correctement et pourtant... j'ai bcp essaye !

4

fixed c'est quand ca bouge pas quand on scroll c'est ca ? je confonds toujours avec absolute :/

5

Microbug : oué c'est ça

Liquid :
position: fixed; /* n'est pas supporté par IE (de memoire) */
width: 300; /* faut mettre l'unité (px pour pixels) => width:300px; */


tu peux condenser l'écriture :

border:1px dashed #FF00FF; /* je ne sais pas quelle couleur tu veux */

si tu veux séparer les bordures :
border-top:1px dashed #FFFFFF;
border-left:1px dashed #FFFFFF;
...



Pour margin/padding on peut meme faire
margin:5px 6px 7px 8px; /* (respectivement top, right, bottom et left) */
(pour les border ça fonctionne pas il me semble)
avatar
Inuki POWA !
СИЛАС терженя !

6

me semblait que ca marchait bien les positions fixed sur IE6, de mémoire neutral

7

d'accord, en fait je ne veux pas fixed, j'ai un peu deconne sur ce truc.

En fait je veux tout simplement afficher 2 div en colonne, une pour le menu, une pour le contenu, et j'avoue ne pas savoir comment m'y prendre.

pour le moment j'ai ce resultat : http://wwwetu.utc.fr/~jvasseur/

mais comme vous voyez, je n'ai pas l'effet voulu car une fois arrive a la fin du menu la 2e colonne prend toute la largeur sad

update : j'ai viré tous les float: fixed, voir http://wwwetu.utc.fr/~jvasseur/style.css
avatar
納 豆パワー!
I becamed a natto!!!1!one!

8

je comprend pas trop ou est le pb confus
avatar

9

liquid :
mais comme vous voyez, je n'ai pas l'effet voulu car une fois arrive a la fin du menu la 2e colonne prend toute la largeur frown.gif




cette page est plus explicite : http://wwwetu.utc.fr/~jvasseur/index.php?o=1
avatar
納 豆パワー!
I becamed a natto!!!1!one!

10

ok en effet

t'as pas de div pour entourer tout le "contenu" non ? moi je fais comme ça
avatar

11

sisi, le contenu est dans le div#contenu

je vais tenter de mettre height: 100% sur le div#menu

edit: marche pas sad
avatar
納 豆パワー!
I becamed a natto!!!1!one!

12

le div page il sert a quoi ?
avatar

13

il englobe menu et contenu
avatar
納 豆パワー!
I becamed a natto!!!1!one!

14

a mon avis tu dois pouvoir le virer

cela dit je pige pas grand chose la, jvois pas pq ça fait cte merde :/
avatar

15

retire ton float

16

* {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color : black;
scrollbar-face-color: #999999;
scrollbar-shadow-color: #333333;
scrollbar-darkshadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #000000;
srollbar-track-color: #ffd911;
scrollbar-arrow-color: #ffd911;
}

div#titre
{
overflow: auto;
position: auto;
width : 100%;
}

div#page
{
overflow: hidden;
}

div#menu
{
float: left;
position: auto;
height: 100%;
width: 200px;
border-bottom-style:dashed;
border-bottom-width:1;
border-top-style:dashed;
border-top-width:1;
border-left-style:dashed;
border-left-width:1;
border-right-style:dashed;
border-right-width:1;
}

div#contenu
{



}


celui la ? et comment je fais alors pour avoir 2 div sur 2 colonnes ?
avatar
納 豆パワー!
I becamed a natto!!!1!one!

17

met les positions
http://www.isima.fr/bde
Le menu est dans un div et sans float

18

ok merci !
avatar
納 豆パワー!
I becamed a natto!!!1!one!

19

n'empeche que ca devrait marcher avec des floats aussi non ? :/

20

bah non, le retour a la ligne apres le float est normal
ses divs sont alignes enfait, il n'a rien qui specifie le fait que quand le menu n'existe plus, sont article est aligne a 200px a droite de la marge gauche smile