aligner 2 div malgré un float:left

**pierrot10** · 01/06/2010, 20h05

Bonjour a tous,

J'ai un problème bien gènant depuis que j'ai intégré la librairie
http://www.kelvinluck.com/assets/jqu...crollPane.html
Pour avoir un scroll bar dans un div.

J'ai deux div

Code HTML :

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

1
2
<div class="left scrool-bar">text</div>
<div class="right">texte</div>

Ces deux div je les aligne de la maniere suivante.

Code CSS :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
h1{margin-top:0px; font-size:1.8em;}
div#general { padding:15px;}
div#general div{border:1px solid #ff22ff;}
div#general .left{ 
	float:left; 
	text-align:right; 
	width:270px; 
	height:395px; 
	letter-spacing:0px;
}
div#general .right{margin-left:300px;}

Tout ce passe bien, faut que lorsque j'ajoute ce code entre mes <head>

Code JAVASCRIPT :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<link href="css/jScrollPane.css" media="all" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.em.js"></script>
<script type="text/javascript" src="js/jquery.onImagesLoad.js"></script>
<script type="text/javascript" src="js/jScrollPane.js"></script>
 
<script language="javascript">
$(function()
{
	$('.scroll-bar').jScrollPane();
});
</script>

En ben mon "div id=right" ne s'affiche plus à droite mais en dessous du "div id=left", malgré le "float:left" qui se trove dans le "div id=left"

Plus exactement quand j'enlève ceci:

Code :

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

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

mon "div id=right" s'alligne correctement. mais evodement le scroll bar ne fonctionne plus.

Pouvez vous m'aider?
Voici un lien sur le site en question
http://www.hello-web.net/wiki/

Aussi je ne sais pas si je devais placer ce post dans le forum javascript, mais je pense que c'est plus un problème d'affichage. Si non on peut le déplacer

Merci pour tout

**Bisûnûrs** · 02/06/2010, 08h37

Le float:left doit être sur le jScrollPaneContainer.

aligner 2 div malgré un float:left [CSS 3]

Positionnement en CSS

Discussions similaires

Partager

Partager