div float comment fixer la taille
Bonjour,
J'essaie de faire un header avec différents div dedans. Tout se passe bien mais quand je rétréci la taille de ma fenetre le header s'adapte et l'image qui est a droite vient se mettre en dessous de la zone de texte au milieu.
Je voudrais que ce bloc de 3 divs reste fixe et que la scroll bar apparaisse si la taille de la fenêtre diminue.
Comme je ne sais pas tres bien dans quelled direction chercher, je fais appel a votre aide.
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 25 26 27 28 29 30 31 32 33 34 35 36 37 38
| #div-header
{
width:100%;
height:230px;
border:1px solid black;
background-color:#FFF;
}
#div_logo_box
{
border:1px solid black;
height:190px;
margin-left:50px;
margin-right:50px;
}
#div_logo_text
{
float:left;
font-size:120px;
text-align:center;
padding-top:40px;
padding-left:120px;
font-family: 'Qwigley', cursive;
}
#div-logo
{
text-align:right;
padding-right:80px;
width:auto;
}
#div_logo_left
{
float:left;
width:auto;
} |
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13
| <div id="div-header">
<div id="div_logo_box">
<div id="div_logo_left">
<img src="worker.jpg" width="200" height="189" alt="worker" />
</div>
<div id="div_logo_text">
Mon titre ici
</div>
<div id="div-logo">
<img src="marteaumini.jpg" width="245" height="189" alt="marteau " />
</div>
</div>
</div> |
D'avance un grand merci pour votre aide