Fixer la taille maximal d'un div
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:
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:
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;
} |
