Discussion :

[mickniclln]

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 :

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
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 html :

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

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

[papajoker]

Bonjour

Code css :

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

min-width:1000px;

pour #div_logo_box

ps: il ne serait pas mieux de mettre les images en background ? a la place d'utiliser #div-logo et ##div-logo-left