Salut tout le monde !
J'ai un background faisant 40px de haut, avec un texte aligné sur la gauche et centré sur la hauteur, puis un autre bloc, le bloc search, qui lui est aligné sur la droite, et qui contient deux balise input, l'une pour le texte et l'autre pour le bouton.
Mais le problème est que lorsque je met les deux champs input (celui du text et du bouton donc), mon backgrond s'agrandit de 5 pixel de hauteur sous Firefox et de 14 sous IE
Une solution s'il vous plait ?
Modifié par koskoz (22 Sep 2005 - 20:34)
J'ai un background faisant 40px de haut, avec un texte aligné sur la gauche et centré sur la hauteur, puis un autre bloc, le bloc search, qui lui est aligné sur la droite, et qui contient deux balise input, l'une pour le texte et l'autre pour le bouton.
Mais le problème est que lorsque je met les deux champs input (celui du text et du bouton donc), mon backgrond s'agrandit de 5 pixel de hauteur sous Firefox et de 14 sous IE

#preheader {
background: url(images/pre-header.jpg) no-repeat;
width: 770px;
height: 30px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
font-weight: bold;
padding-left: 10px;
}
#search {
text-align: right;
float: right;
}
#header {
margin: 0 auto 0 auto;
width: 780px;
height: 125px;
}
<body>
<div id="preheader">
<div id="search">
<form action="<?php dcInfo('search'); ?>" method="get">
<input type="text" size="10"
value="<?php dcSearchString(); ?>" accesskey="4" />
<input type="submit" class="submit" value="ok" /></span>
</form>
</div>
In Windows Me we trust !
</div>
</div>
<div id="header">
<a href=""><img src="images/header.jpg" /></a>
</div>
</body>
Une solution s'il vous plait ?

Modifié par koskoz (22 Sep 2005 - 20:34)