CSS et mozilla... - Page 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 ?

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

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

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

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)

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

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

update : j'ai viré tous les float: fixed, voir http://wwwetu.utc.fr/~jvasseur/style.css

je comprend pas trop ou est le pb

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

cette page est plus explicite : http://wwwetu.utc.fr/~jvasseur/index.php?o=1

ok en effet

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

sisi, le contenu est dans le div#contenu

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

edit: marche pas

le div page il sert a quoi ?

il englobe menu et contenu

a mon avis tu dois pouvoir le virer

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

retire ton float

* {
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 ?

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

ok merci !

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

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