overflow hidden mais scrollbar sous IE

Version imprimable

le CSS:

Code:

1
2
3
4
5
6
7
8
9
body {	height:100%;
		width:100%;
		margin: 0;
		padding:0;
		overflow:hidden;
		background-image:url('../SitePics/background.gif');		
		background-repeat:no-repeat;
 
	  }

et dans la page :

Code:

1
2
3
 
<h1 id="Lexique">Le lexique de la ventilation : <?php echo implode(',',$TabKy); ?>
</h1>

avec

Code:

1
2
3
4
 h1#Lexique {position:absolute;
    z-index:10;
	font-size:9px;
    top:2000px;}

Sous firefox pas de overflow donc pas de scrollbars ...
sous IE des scrollbars ???

15/04/2008, 10h41
SpaceFrog
bon j'ai en partie résolu le problème avec
Code:

1 2 3 4 5 h1#Lexique {position:absolute; z-index:10; font-size:9px; top:-2000px;}
mais sous IE il me conserve tout de même
l'espace nécessaires aux scrollbars :(
15/04/2008, 14h47
le_chomeur

le rendu donne quoi ? et le texte php généré ?

parce que si c'est le h1 qui te pose problème , définit lui une hauteur fixe et ajoute ton overflow:hidden dessus :)
15/04/2008, 14h53
SpaceFrog

non en fait le h1 se positonne bien en haut de page ..
top -2000

le overflow c'est sur le body ...
je voudrais avoir un element hors champs visuel sasn pour autatn avoir les scrolls!
15/04/2008, 15h02
le_chomeur
les scrolls se déclenche lorsqu'un objet dépasse sois vers la droite , soi vers le bas , donc en position absolute avec une position a top-2000 , c'est ok.

Citation:

je voudrais avoir un element hors champs visuel sasn pour autatn avoir les scrolls!

et pourquoi pas un display none ?

sinon autre solution :

Code:

<div id='conteneurH1'><h1></h1</div>

le css :
Code:

1 2 3 4 5 6 7 8 9 div#conteneurH1{ position:absolute; top:0px; width:0px; overflow:hidden; } div#conteneurH1 h1{ position:absolute; }
à essayer
15/04/2008, 15h48
SpaceFrog
parceque le display none n'est ps pris en copte dans mon cas de figure ...

j'aurais pensé que mettant
Code:

1 2 3 4 body {height:100%; width:100%; overflow: hidden;}
eut masqué les scrollbars !!!!

sous FFX c'est bien le cas, je n'ai pas la barre grise verticale...
sous IE j'a la barre sans ascenseur mais j'ai la barre !!!!!
15/04/2008, 15h55
le_chomeur

avec mon code ???
moi testé sous ie7 et firefox et pas les barres
15/04/2008, 16h15
SpaceFrog

IE6 j'ai les barres ???

pourtant là el div il est dans le champs de l'écran ...

http://www.ouestisol.fr/JUSTALITTLEFOLDER/Vscroll.gif
15/04/2008, 16h53
le_chomeur

si je ne me trompe pas ie , laisse tout le temps les barres de scroll :)
( je viens de vérifier et effectivement ie 6 = barre ^^ ) ie 7 également
15/04/2008, 17h01
SpaceFrog

8O8O8O8O8O

http://www.ouestisol.fr/

pas de barre de scroll !!!!!!!!!!!!!!!!!

pourtant

Code:

h1 { position: absolute; top: 300% }

peut être du au doctype ???

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
15/04/2008, 17h05
le_chomeur

lol spaffy regarde la source :

body { overflow: hidden;
...
}
15/04/2008, 18h09
SpaceFrog

ben oui et ???
l'autre aussi ...
16/04/2008, 09h03
le_chomeur
en testant :
Code:

1 2 3 4 5 6 7 8 body, html { height: 100%; width:100%; margin: 0; padding: 0; overflow:hidden; }
page totalement vierge , avec uniquement ce code css masque la barre de scroll
16/04/2008, 09h20
SpaceFrog

J'en conclus que le doctype à bien un role dans l'histoire ...

Trop fort d'avoir été chercher jusqu'à html ... je n'y aurais jamais pensé !

:king:

Il est pas balaise mon 'tit fillot ?? :mouarf::mouarf::mouarf:

Mille merci ;)