Problème de scrollbar

Fermé
schev - 19 févr. 2012 à 20:55
AssassinTourist Messages postés 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 - 20 févr. 2012 à 10:16
Bonjour,

Bonjour à tous,
Bon j'ai un problème de grand débutant : la scrollbar ne s'affiche pas. Je veux mettre une scrollbar pour aller vers la droite de l'écran. Le texte et les images apparaissent eux comme il faut (on voit le texte, une image entière, une autre image mais coupée par le bord de l'écran).

Je vous met le HTLM et CSS en question: (la partie qui nous intéresse se trouve dans la
<section>)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" href="style1.css" />
        <title>F.C - Portefolio</title>
    </head>
<body>
	<header>
		<h1> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="projet.html"><em>PROJET</em></a> <a href="analyse.html">ANALYSE</a> <a href="cv.html">CV</a> <a href="dessin.html">DESSIN</a> <a href="cinema.html">CINEMA</a></h1>
		<h2> <a href="projet_a.html"><em>Réappropriation des thermes de Caracalla</em></a> - <a href="projet_b.html">Immeuble intergénérationnel à Givors</a> </h2>
	</header>
	
	<section>
		<nav1> GRAND BLABLABLA</nav1>
		<nav2><a1 href="accueil.html"><img src="image/beleverde.jpg" height=500px alt="montage"/></a1> </nav2>
		<nav2><a1 href="accueil.html"><img src="image/beleverde.jpg" height=500px alt="montage"/></a1> </nav2>
		<nav2><a1 href="accueil.html"><img src="image/beleverde.jpg" height=500px alt="montage"/></a1> </nav2>
		<nav2><a1 href="accueil.html"><img src="image/beleverde.jpg" height=500px alt="montage"/></a1> </nav2>
	</section>
	
</body>

</html>

Et maintenant le CSS:
body 
{
	overflow: auto;
}

a
{
	text-decoration: none;
	font-family: HelveticaNeue; arial; serif;
	color: black;
}

em
{
	color: maroon;
	font-style: normal;
}

header
{
	position: fixed;
    left: 110px;
    top: 35px;
}

h1
{
	font-size: 1em;
}

h2
{
	font-size: 1em;
}

h3
{
	font-size: 1em;
}

section
{
	position: fixed;
	top: 130px;
	left: 20px;
	text-align: justify;
	width: 5000px;
	white-space: nowrap
}

nav1
{
	display: inline-block;
	width: 320px;
	vertical-align: top
	text-align: justify;
	white-space: normal;
}

nav2
{
	display: inline-block;
	margin-left: 50px
}


ps: j'ai cherché longtemps sur le net et surement que la réponse s'y trouve quand on s'y connait un peu mais je n'ai vraiment rien trouvé (et honnêtement, j'enrage un peu là).

2 réponses

Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 209
20 févr. 2012 à 09:43
bonjour,
je sais pas si ca peut d aider
<body bgcolor="#FFFFFF" style="overflow-x:scroll;">
0
AssassinTourist Messages postés 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 311
20 févr. 2012 à 10:16
Bonjour,

C'est vrai que c'est étrange...
Bon, après différents tests chez moi, je n'ai pas encore trouvé, mais par contre, ton css a beaucoup de problèmes ! Il te manque souvent des ; en fin de ligne et pour la font-family, on sépare les différentes familles avec des virgules simples, pas des ;
0