5568 sujets

Sémantique web et HTML

[Résolu] Overflow auto, pourcentage en xHTML transitional 1.0

Salut à tous. J'ai un petit problème sur la définition d'un overflow à taille variable (suivant la résolution de l'écran). Je sais bien que pour qu'un overflow fonctionne bien, il faut donner une taille au bloc.

Mais lorsque j'utilise des pourcentage, cela ne fonctionne absolument pas. J'ai fait une page de test à l'arrache en quircks. Ca fonctionne. Mais des que je rajoute mon doctype. C'est fini.

Y'à t'il une astuce pour contourner ca ?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
	</head>
<body>
	<div style='height:50%;overflow:auto;'>
		<?php
			for($i=0;$i<=200;$i++){
				echo "texte<br />";
			}
		?>
	</div>
</body>
</html>


Rude

PS : Chacun sa feignantise pour remplir avec du contenu fictif Smiley langue
Modifié par ffwrude (07 Aug 2008 - 16:11)
Bonjour,

Voir la FAQ, sur comment faire un bloc prenant 100% de la page en hauteur. C'est la même chose ici, sauf que tu utiliseras 50% pour ton bloc plutôt que 100%.
Effectivement. Grace à cet article qui m'était passé sous le nez problème résolu :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<style type='text/css'>
			html{
				overflow:hidden;
			}
			body{
				height:100%;
				overflow:auto;
			}
		</style>
	</head>
<body>
	<div style='position:fixed;height:30px;'>
		Header
	</div>
	<div style='position:fixed;width:100%;height:50%;overflow:auto;'>
		<?php
			for($i=0;$i<=200;$i++){
				echo "texte<br />";
			}
		?>a
	</div>
	<div style='position:fixed;height:30px;'>
		Footer
	</div>
</body>
</html>


testé sur :
- Opéra 9.5PC
- Internet explorer 6
- FirefoxPC 2
- Safari PC 3.1
- Netscape 8
- Netscape 9
- Internet explorer 7
- FirefoxPC 3

c'est cool ^^
Modifié par ffwrude (07 Aug 2008 - 16:13)
Sujet clos
Aller à