28220 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un champ de recherche dans ma page. Le rendu sous Firefox est bon mais sous IE, il y'a un décalage qui fout toute la mise en forme en l'air.
Firefox : http://starnab.free.fr/mesimages/starnab/ff_bon.jpg

IE : http://starnab.free.fr/mesimages/starnab/ie_mauvais.jpg

Voici le code HTML
<td class="rch_principal">
								<label>Recherche</label>
								<form name="form_rch" method="post" action="resultats">
									<div class="form_recherche_haut">
										<input type="text" name="terme_rch" /><img src="img/bouton_ok.gif" name="bouton_ok" alt="ok" onclick="document.form_rch.submit()" />
									</div>
									<div class="form_recherche_bas">
										<label>ici</label><input type="radio" value="ici" name="ou" /><label>sur le site</label><input type="radio" value="site" name="ou" />
									</div>
								</form>
							</td>


Un coup de main serait le bienvenu. Smiley biggrin
Modifié par StarNab (11 Aug 2005 - 17:23)
Ben je viens de le faire. ^^'

Je ne me doutais pas qu'il y'en avait par défaut sous IE.

Enfin j'ai un autre problème maintenant.
upload/2917-iedecallage.jpg

Toujours sous IE bien sur. Smiley confus

Le problème vient du décallage (blanc entre le reste de la banniere et le menu)
Modifié par StarNab (11 Aug 2005 - 10:45)
Désolé d'en remettre une couche, mais ça fait près de 5 heures que je m'arrache les cheveux là dessus. Sur quoi ? Ca :
Le rendu sur Mozilla :
upload/2917-mozbon.jpg
Et sous Internet Explorer :
upload/2917-iebad.jpg

Pour le menu du haut, dans la CSS, j'ai appliqué :
.menu_haut {
background-color:#015383;
line-height:17px;
font-size:10px;
vertical-align:text-top;
color:#ffffff;
border:0px solid #CC0000;
padding-top:-3px;
white-space:nowrap;
}


Quand je fais apparaitre les bords des cellules, les 2 cellules du haut (celle du titre et du formulaire de recherche semblent descendre trop bas.

Je vais craquer. Smiley bawling
Up parce que j'aimerais bien régler ça avant de partir en vacances. Histoire de livre une belle maquette à mon patron. Smiley biggol
Administrateur
Bonjour,

pour rappel, la FAQ d'Alsacréations dispose d'une rubrique "Décalages, marges, bugs divers" où l'on trouve entre autres:
Comment régler les problèmes classiques de marges, d'espaces et de décalages ?
Mon bloc n'a pas la même taille sur Internet Explorer que sur les autres navigateurs. Pourquoi ?

En suivant les liens,
Méthodologie pour résoudre les problèmes d'affichage en CSS
Mon site validé en XHTML Strict n'est pas compatible partout. Pourquoi ? (voir modèle de boîte, bugs et propositions)

Cela fait déjà un certain nombre de pistes pour traquer l'origine du bug et de méthodes de traque Smiley cligne