Discussion :

[paladice]

Bonjour tous le monde,

j'ai une petite question j'espère que vous aurez le temps d'y répondre

J'essaye de créer une appli. web avec ASP.net, HTML, CSS ...
J'ai un certain nombre de bloc "div" et j'aimerais qu'ils ne dépassent jamais les bords de page, peu importe les redimensionnements. Vous avez une idée de comment mettre une taille au bloc "div" ? Apparemment, height n'existe pas pour les div, je me trompe ?

merci d'avance

[Bovino]

Apparemment, height n'existe pas pour les div, je me trompe ?

Oui, tu te trompes !

[Muchos]

D'abord, qu'appelez-vous les "bords" ? Bien entendu, les bords haut et gauche ne seront jamais débordés.
Par défaut, un conteneur s'étend vers le bas pour éviter les débordements horizontaux. Néanmoins, si un élément du conteneur ne peut pas être coupé, ou si le conteneur a une taille minimale par ex., il va forcément et heureusement déborder à droite.
On peut éviter ce comportement en CSS avec overflow: hidden, mais ça fait disparaître le contenu qui déborde.

[paladice]

D'accord, merci je ne vais pas faire ça ^^

[paladice]

Bonjour, j'ai une autre question un peu liée à l'ancienne.

Imaginons que j'ai deux div avec height : 50%. C'est possible que si je cache la première, la seconde puisse prendre les 100% de la page ? En gros, est ce qu'on peut faire un height qui prend la place qu'il reste ? Merci

Edit: Bon j'ai trouvé ça pour ceux que ça interesse

Code :

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

1
2
<div id="one">one</div>
<div id="two">two</div>

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
html, body {
    height:100%;
    margin:0;
    padding:0
}
#one, #two {
    width: 100%;
    height:50%;
    position:relative
}
#two {
    height: 100%;
}
#one ~ #two {
    height: 50%;
}
#one {
    background:#CCC;
}
#two {
    background: #666;
}