aligner 2 div malgré un float:left
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:
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:
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:
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:
<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
