Discussion :

[E.Bzz]

Et avec
- header : 1
- navigation : 10
- browser : 1000
- left_menu : 10
- content : 100
- footer : 1

... puisqu'ici c'est browser le problème ...

EDIT : des valeurs égales sont acceptables pour les éléments qui ne se chevauchent jamais ...

A+

[polothentik]

Avec ça, le "content" passe sous le "browser" mais par-dessus tout le reste :
le champ n'est toujours pas saisissable, sauf si j'actualise la page : la saisie apparait. Mais après apparait le problème que j'ai exposé juste avant !!

[polothentik]

Une question qui pourrait peut etre solutionner le probleme: Est-il possible de limiter le defilement du "content" en hauteur de tel sorte qu'il ne passe pas sous le "browser" mais disparaisse (magiquement parlant) ??? On définierait une limite qu'il ne peut pas dépasser !!!

[E.Bzz]

Une question qui pourrait peut etre solutionner le probleme: Est-il possible de limiter le defilement du "content" en hauteur de tel sorte qu'il ne passe pas sous le "browser" mais disparaisse (magiquement parlant) ??? On définierait une limite qu'il ne peut pas dépasser !!!

Oui : il faut fixer sa hauteur en css et ajouter le style overflow:hidden (overflow:scroll pour avoir l'ascenceur)

A+

[polothentik]

Salut,

Excuse moi mais je ne saisi pas très bien...

Avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
#browser {
	border-width: 10px 9px 10px 9px;
	border-style: solid;
	border-color: #404040;
	background-color: #323232;
	height: 44px;
	z-index: 0;
 
	/* Patch pour fixer une élément de la page sous IE6 */;
	position : expression("absolute"); 
	width : expression("990px");
	top: expression( ( 155 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	left: expression( "center" );
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
#content {
	background-color: #6E6E6E;
	height: expression(100% - 228px);
	left: 331px;
	top: 228px;
	width: 780px;
	position: absolute;
	z-index: 0;
	overflow: hidden;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
#footer1 {
	border-style: solid none none none;
	border-width: 9px;
	border-color: #404040;
	background-repeat: repeat-x;
	background-image: url('../Images/Frame/masthead3_background.png');
	height: 12px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	bottom: 148px;
}

La hauteur de mon "content" est fixée via "absolute". J'ai vu qu'il y avait également la possibilité de faire un clip : est-ce avec cela que je fixe les limite de mon overflow:hidden ??? Il ne le prend pas en compte pour le moment !

D'autre part, je ne souhaite pas rajouter une scrollerbar en plus de la barre de defilement de l'exploreur IE6 ou MF2...

Peux-tu préciser tes idées sur le css ??

Merci

[E.Bzz]

Tu es sûr de la compatibilité de tes expression() ?

En tous cas, ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

height: expression(100% - 228px);

risque de poser problème.
Essaye dans un premier temps avec une valeur en dur

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
height:700px;
overflow:hidden;

Sinon, je pense qu'il faut poser la question (par rapport à l'utilisation d'expression() ) dans le forum CSS ...

EDIT : et avec un z-index:0 il risque pas de passer au-dessus des autres

A+

[polothentik]

"Alors là... je dis chapeau !" (dixit Les Deschiens)

Il m'a suffit d'enlever la ligne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

height: expression(100% - 228px);

et de mettre une valeur en dur (comme tu me l'as dis) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
height:700px;
overflow:hidden;

pour que le textbox réagisse correctement... la saisie est désormais possible ! C'est merveilleux ! Bon, le "content" deroule toujours sous le "browser" mais ça n'a pas l'air d'altérer le bon fonctionnement de la page : je conserve cette feinte !

Il ne me reste plus qu'à résoudre le problème de mon footer : help et c'est parfait !

Je poserais la question de savoir les enjeux et les limites de l'utilisation de expression()

Merci pour tout le temps que tu as bien voulu m'accorder !