28221 sujets

CSS et mise en forme, CSS3

[résolu] Espace en trop...

Bonjour,
J'ai rencontré un problème lors de l'ajout du form recherche sur cette page :
http://www.css-templates.net/kitsgraphiques/002/
Le problème est qu'il y a un espace juste avant le header ( seulement avec Internet Explorer ) l'espace est là depuis que j'ai rajouté le from recherche:
HTML: 

<form action="search.php"
 id="recherche">
  <div> <label>Recherche:</label>
 <input size="15" maxlength="100" class="form" type="text"> <input
 value="Ok" class="button" name="submit" type="submit"> </div>
</form><h1>Family-Portal.com</h1> ....


CSS:
 form#recherche {
 	margin: 0 ;
	position: relative;
	top: 176px;
	left: 500px;
	width: 225px;
	height: 0;
	padding:0;

}

J'ai éssayé avec les margin et padding:0 sur h1 et form#recherche.

Si quelqu'un pouvait m'aider ca serait vraiment cool !

Merci, ++
Modifié le 04 Jan 2005 - 17:43
Normalement si tu styles ton formulaire avec un padding nul et un margin nul, tu ne devrais pas avoir de problème.

<form action="#" style="padding:0;margin:0;"></form>
Tu peux essayer de positionner ton <form> en "absolute" et de rajouter un "position: relative;" dans ton conteneur.

div#conteneur { 
   position: relative; 
}
form#recherche { 
   position: absolute; 
}
En complément :

Extrait de Savoir utiliser et positionner les éléments en CSS
a écrit :

Utiliser les positions absolues, fixes et relatives

Le bloc est placé par rapport à son parent s'il est lui-même positionné, ou alors par rapport au dernier Ancètre positionné (si aucun Ancètre n'est positionné, il se réfère à la page entière (balise body en HTML, html en XHTML).

Modifié le 04 Jan 2005 - 17:28
Sujet clos
Aller à