Fixer la taille maximal d'un div

**Hairah** · 30/11/2015, 19h53

Bonsoir,

Après diverse tentative et rechercher je n'arrive pas fixer la taille de mon div !
Je voudrais créer une bannière et donc la fixer à une hauteur de environ 20% sauf que le div se fixe selon la taille des span et je ne comprends pas pourquoi !

J'ai aussi une autre question, est il possible de faire en sorte que le coin en bas à droite de l'image du background soit dans le coin en bas à droite du div et donc que l'image se répande par ce coin donc que le haut et la gauche ne s'affiche pas forcément si la résolution de l'écran n'est pas adapté. J'espère être clair

Voici le code HTML :

Code html :

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

1
2
3
4
5
6
7
8
9
    <body>  
        <div id="top">          
            <div id="time"></div>
            <br/>
            <span id="titre">L'infographie</span> 
            <br/>
        </div>
 
    </body>

et CSS :

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
body {
    font-family: "Impact Regular", Arial, sans-serif;
    text-align: center;
    color: white;
    background-color: #535353;
    margin: 0;
}
 
#titre {
    font-size: 4em;
}
 
#time {
    font-size: 0.90em;
}
 
#top {
    width: 100%;
    height: 20%;
    max-height: 222px;
    background-image: url(../media/top.gif);
    background-size: auto;
    background-repeat: no-repeat;
}

**nef1912** · 01/12/2015, 16h06

Bonjour,

Pour ton problème initial, la solution la plus simple consiste à attribuer une hauteur aux éléments parents de ta div. Pour que la div en question ait une référence sur laquelle se baser.
Pour ton deuxième souci, je n'ai pas compris ^^