Discussion :

[rems033]

Salut a tous,
J'ai un petit souci, je vous explique....
J'ai des pages internet generee sur un modele dynamique.
Ces pages se composent d'un header,d'une sidebar(menu), d'un footer ainsi que d'un contenu.
Je gere la mise en forme avec un fichier css dont je laisse les sources.
Cependant, je n'arrive pas a avoir la même hauteur pour mon contenu et pour ma sidebar......je bloque completement sur ca alors que je pense qu'il s'agit d'une broutille!
Si qqun à une idée, elle serait bienvenue!
Merci à tous!

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
 
body {
    margin: 0;
    padding: 0;
    border: 0;
    height:100%;
}
#container {
    margin: 0;
    padding: 0;
    border: 0;
}
#masthead {
    margin: 0;
    padding: 0;
    border: 0;
}
#sidebar {
    margin: 0;
    padding: 0;
    border: 0;
    height:auto;
}
#content {
    margin: 0;
    padding: 0;
    border: 0;
}
#footer {
    margin: 0;
    padding: 0;
    border: 0;
}
.float_right {
    float:right;
}

[jeje13009]

slt,

tu ne définis pas de hauteur, donc celle-ci s'adapte au contenu et donc si celui-ci est différent, la hauteur risque de varier...

[rems033]

c'est a dire qu'en fait, j'aimerai que la sidebar ait la meme hauteur que le content....alors du coup je seche!!!
Merci!

[jeje13009]

slt,

ne définis pas de hauteur ni pour le sidebar ni pour le content dans ton css, esuite essaye quelque chose comme :

Code :

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

1
2
3
4
5
<script type="text/javascript">
window.onload = function(){
document.getElementById("sidebar").style.height = document.getElementById("content").style.height;
}
</script>

je te promets rien mais ça peut être au moins un départ de piste...

[rems033]

sympa pour le tuyau mais ca ne fonctionne pa....a quel endroit faut-il que je le mette, avant ou après les ouvertures de mes balises <div>?

[jeje13009]

slt,

peu importe où tu le places puisque le window.onload va faire que ce script n'est lancé qu'une fois la page chargée...

essaye :

Code :

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

1
2
3
4
5
<script type="text/javascript">
window.onload = function(){
document.getElementById("sidebar").style.height = document.getElementById("content").offsetHeight;
}
</script>

ou alors :

Code :

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

1
2
3
4
5
<script type="text/javascript">
window.onload = function(){
document.getElementById("sidebar").offsetHeight = document.getElementById("content").offsetHeight;
}
</script>

doit y avoir une astuce quelque part par là...