Discussion :

[mLk92]

Hi all,

je fais un design pour une application et il devra donc être générique, pour l'instant rien d'anormal, mais je suis bloqué sur un endroit.

Les informations désirées sont contenu dans un bloc central qui s'adapte à la taille de la fenêtre, donc plus la fenêtre est petite plus le bloc est petit, mais aucune scroll bar n'apparait tant qu'elle n'est pas bloqué par des images ou quelquechose comme ça.

Dans ce bloc avec bord arrondi en bas et en haut, on trouve au centre un div pour le titre et un autre pour les infos. Je voudrais que le div contenant les infos ait une scrollbar quelque soit sa taille et ne sorte pas du bloc central quelque la taille de la fenêtre ou de la résolution.

je vous joint des screens pour que vous voyez les bloc. Sur les screens, le bloc en bordure rouge c'est le conteneur, le bloc en bordure noir est celui qui doit être scrollable qq soit son contenu.

Voici le code html du bloc rouge contenant le titre et les infos:

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
<tr class="rightTabCenter">
		<td colspan="7">
			<div class="mainTitle" >
				<h2>CONSULTATION</h2>
			</div>
			<div class="mainContent" >
				<p>Ceci est un test</p><br/><p>Ceci est un test</p><br/><p>Ceci est un test</p><br/>
				<p>Ceci est un test</p><br/><p>Ceci est un test</p><br/><p>Ceci est un test</p><br/>
				<p>Ceci est un test</p><br/><p>Ceci est un test</p><br/><p>Ceci est un test</p><br/>
				<p>Ceci est un test</p><br/><p>Ceci est un test</p><br/><p>Ceci est un test</p><br/>
				<p>Ceci est un test</p><br/><p>Ceci est un test</p><br/><p>Ceci est un test</p><br/>
				<p>Ceci est un test</p><br/><p>Ceci est un test</p><br/><p>Ceci est un test</p><br/>
			</div>
		</td>
	</tr>

Merci pour vos réponses !!

[sharrascript]

bonjour,

pour imposer un scrollbar à ta div, donne lui une dimension et l'attribut à lui mettre c'est:

overflow: scroll;

je ne sais pas si c'est ce que tu voulais, mais j'aurais essayé

++

[mLk92]

Euh c'est déja fait !

C'est ma faute j'ai pas mis le code css :p

J'ai trouvé quelquechose mettre une position absolute sur l'élément interne du bloc avec la scrollbar, et mettre le bloc (avec scrollbar) en position relative. ainsi mon contenu reste bien dans ce bloc.

Mais ! parce qu'il y a toujours un "mais", si j'ajoute quelquechose (genre un titre) au dessus du bloc scrollable, eh bien le bloc scrollable se décale et sort de son conteneur père.

quelqu'un a une idée ?

[cadoudal56]

Regarde du coté de la propriété display en CSS.

Pour le div du titre et celui de ton contenu essaie de mettre :

Code :

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

display:block;

@+
cadou