[Résolu] Probleme de positionnement

je suis en train d'étudier la mise en forme de page web avec les css stylesheet ma probleme est: lorsque je réduit le navigateur le contenue de mon < header > change leur position
svp quelqu'un peut m'aider
taille de navigateur 100%
lorsque je reduit le navigateur

Bonjour (et la politesse alors ?)

Je ne sais pas ce que tu as mis dans ton code, mais il faut utiliser les pourcentages pour les tailles de tes éléments, et l'attribut position également.

Cordialement

Le positionnement en pourcentage est effectivement une chose, mais il ne faut pas hésiter à également mettre une taille minimum a ton header, sinon il est normal que celui-ci n'en fasse qu'a sa tête quand tu le réduis autant que cela a été fait.

Peux-tu nous joindre le code qui va avec ?

BONJOUR ,
Naemesis , ginger4957 c'est possible car je ne calcule pas le taille correctement chaque fois je fait un calcule
je trouve une resultat différente ... j'ai une probleme dans ma calculatrice
voici mon code :

@charset "utf-8";
/* CSS Document */

#headertop{
	width:100%;
	height:60px;
}
#headertop ul li {
float:left;
}

#headertop ul {
	list-style-type:none;
}
#headertop ul li a {
	display:block;
	heigth:20px;
	line-height:20px;
	width:auto;
	padding: 10px;
	font-size:0.8 em;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	margin:4px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid rgb(218,236,89);
	background-image:-moz-linear-gradient(top,rgb(100,156,2),rgb(126,172,21));
	background:-webkit-gradient(linear,left top ,left bottom , from(rgb(100,156,2)),to(rgb(126,172,21)));
}

#headertop form input {
	border:1px solid;
	border-color:rgb(218,236,89);
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;

}
#headertop form input[type=text] ,#headertop form input[type=password]{
	background:rgb(126,172,21);
	height:20px;
	width:120px;	
}
#headertop form input[type=button]{
		
	font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    font-family: Tahoma, Verdana;
	color:#FFF;
	background-color:rgb(126,172,21);
	padding:6px;
}

merci pour vos aide

le HTML

<header id="headertop">
<ul><li><a href="#">home</a></li>
<li><a href="#">mobile</a></li>
<li><a href="#">feedback</a></li>
<li><a href="#">last comments</a></li>
<li><a href="#">add as search</a></li>
</ul>
<section id="formulaire">
<form>
<input type="text" required />
<input type="password" required>
<input  type="button" value="OK">
</form>
</section>
</header>

#headertop{
	width:100%;
        min-width:500px;
	height:60px;
}

A noter que cela ne fonctionne toujours pas sous IE.
Modifié par Naemesis (11 May 2012 - 09:30)

mercii !!!!!!