Div overflow auto et ancre nommée

**sabinep** · 23/01/2007, 09h32

Bonjour, pourriez-vous m'aider à créer un div texte avec un overflow auto, et la possibilité d'avoir des ancres nommées. Avec mon script, je n'y arrive pas. Je veux que le texte n'apparaisse que dans une zone, car mon site est fixe, seule cette zone texte, si elle est suffisamment grande, bouge avec les scrolls.

Voici mon code

Code HTML :

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

1
2
3
4
5
6
7
8
9
<body>
<div id="global">
<div id="right">
<div id="texte">
<div id=texte_scroll">Mon menu texte très long avec des boutons textes dans le haut qui serviront de liens vers mes ancres</div>
</div>
</div>
</div>
</body>

et ma css

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
#global {
	position: absolute;
	height: 400px;
	width: 600px;
	top: 50px;
	margin-top: 0px;
	margin-left: -300px;
	left: 50%;
}
 
#right {
	position: absolute;
	height: 400px;
	width: 350px;
	top: 0px;
	right: 0px;
}
 
#texte {
	position: absolute;
	height: 360px;
	width:315px;
	top: 25px;
	left: 25px;
	border: none;
	text-align: left;
}
 
#texte_scroll {
	position: absolute;
	height: 355px;
	width:290px;
	top: 0px;
	left: 0px;
	border: none;
	float: left;
	overflow:auto;
	overflow-x:none;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 20px 0px 0px;
}

Merci à vous de m'aider

**MasterOfChakhaL** · 23/01/2007, 10h10

Salut et bienvenue à toi sur les forums de developpez.com,

les attributs html (dont les id) doivent être indiqués entre guillemets.
Il t'en manque un avant texte_scroll. Ca peut suffire à faire en sorte que ton css ne soit pas pris en compte...

Pour les ancres, il te suffit de faire des liens dont l'attribut href vaut #un_id_dans ta page.

Le click sur ce lien renverra vers l'élément dont l'id est un_id_dans_ta_page

**sabinep** · 23/01/2007, 10h45

Le manque de guillemets, c'est une faute de frappe que je viens de faire dans le forum.

Quand j'applique la technique habituelle de l'ancre avec mon présent code, ca ne marche pas. Ca marche si je supprime (ou met en commentaire) mon div #texte_scroll; mais alors mon texte sort de mon "masque" (zone dans laquelle apparait uniquement mon texte); il pertube la compo, et alors je n'ai plus un scroll dans ma zone texte mais sur toute ma fenêtre.

Que faire?

Div overflow auto et ancre nommée

CSS

Vue hybride

Discussions similaires

Partager

Partager