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à...

[rems033]

c'est super sympa de a part mais ca ne fonctionne tjr pas, je vaios esayer de bidouiller un peu autour de ca....

[rems033]

et si je définis la hauteur dans la balise <div> en utilisant un appel par script, est-ce-possible?

[jeje13009]

slt,

mais ca voudrait dire que tu connais la taille alors...

ou alors tu vérifies l'overflow et tant qu'il y en a tu incrémentes... en gros tu donnes une taille minimale, par exmple 25px, tu testes si avec cette taille il y a un overflow, si c'est le cas tu passes à 30px, et ainsi de suite...

[jeje13009]

je viens de faire une rapide recherche,

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").clientHeight;
}
</script>

et maintenant ça donne quoi ?