[résolu] Opéra différents des autres navigateurs ?

(reprise du message précédent)

tout à fait

à priori, ca ne change rien, #menu2 reste trop haut et les liens ne sont pas cliquables .. bon pour aujourd'hui, je vais en rester là, on verra ca l'année prochaine ...

@+
Thierry

Laurent Denis a écrit :
placer le #menu2 également en position fixe (en modifiant sa valeur de top en conséquence).

top:163px;
Modifié par Laurent Denis (31 Dec 2005 - 09:35)

Négatif, ca ne change rien sous opéra 8.01 (en local), mais ca me descend tout sous IE, FF et les autres .. Je chercherai mieux lundi, merci à toi du coup de pouce

Bonne année !
Thierry

Ahem.

J'ai ta page test sous les yeux dans Opera 8.01, corrigée. Ainsi que dans FF, IE 6.0. Sans aucun bug

Re

J'ai suivi ton conseil :

<style type="text/css">
 @media screen{body>div#header{position:fixed;}}
 body>#left-sidebar{position:fixed;}
 [b]body>#menu2{position:fixed;}[/b]
 * html body{overflow:hidden;} 
 * html #content{height:100%; overflow:auto;}
 </style>

dans la page XHTML ..

et :

#menu2 {
	margin:0;
	padding:0;
	[b]position:absolute; 
	left:8px; 
	top:163px;[/b]
	width:151px;
	color: white;
	background-color: #8C152C;}

Mais je n'ai aucune modification ... j'ai du louper un truc tout bète à force de trop le voir ce code

Bon je vais préparer le réveillon et demain ou lundi, il fera jour ...
Thierry

Bonjour

Bon je me suis remis dans le code et en otant

#menu2

de

#left-sidebar

pour en faire un élément indépendant, et en le mettant fixant dans le code, on arrive effectivement à un bon résultat dans tous les navigateurs (et top:163px; va nickel ) ...

Par contre le lien de la "Foire Aux Questions" disparait quand on fait monter le contenu (toujours dans opéra 8.01), donc encore un petit règlage à faire et je mettrais en ligne les modifs (ca fonctionne en local déjà).

Vais bientôt pouvoir mettre mon petit [résolu] ..

@+
Thierry

PS : Laurent, c'est cette solution que tu as adoptée ?

Voilà,

Il suffisait de transformer class="faq" en div="faq" et de lui appliquer le même traitement qu'à #menu2 ...

En fait, il semble que tous les éléments à "insérer" dans le header et la colonne fixe doivent eux même etre fixes et indépendants (donc pas insérés, mais superposés grace aux CSS) ...

dans la page XHTML :

<style type="text/css">
 @media screen{body>#header{position:fixed;}}
 body>#left-sidebar{position:fixed;}
 body>#menu2{position:fixed;}
 body>#faq{position:fixed;}
 * html body{overflow:hidden;} 
 * html #content{height:100%; overflow:auto;}
</style>

et CSS :

#menu2 {
	margin:0;
	padding:0 0 0 5px;
	position:absolute;
	top:163px;
	left:8px;
	width:151px;
	height:100%;
	font: 0.85em "Trebuchet MS", helvetica, sans-serif ;
	color: white;
	background-color: #8C152C;
	}

et

#faq {
	margin:0;
	padding:10px;
	position:absolute;
	font: 0.85em "Trebuchet MS", helvetica, sans-serif ;
	top:85px;
	left:161px;
	}

Merci pour le coup de pouce et à bientôt

Thierry