28173 sujets

CSS et mise en forme, CSS3

bonjour,
j'ai un petit soucis avec un espacement (5/6 pixels) entre mon image d'en-tête(<img>) et mon menu supérieur (<ul>) sous IE ; on y décelle le background. Sous FF tout est nickel...
Pourriez vous me mettre sur la piste
le site : http://www.quatuorprod.com
ma css : http://www.quatuorprod.com/new.css
ma css IE : http://www.quatuorprod.com/iepc.css

Merci

Ps : je développe sous mac, et n'est pas accès facilement à une machine sous PC
Modifié par fredmac (24 Apr 2006 - 17:14)
clb56 a écrit :
Salut,

il faut mettre ton image d'en tête en display:block; et ça roule.


modification effectuée... pourrais tu me dire si le problème est réglé ?
Merci
Zut, comme j'avais téléchargée ta page pour tester (donc sans les images de fond) j'ai raté un truc.

Oui c'est réglé par rapport au menu horizontal.

le menu vertical gauche (vert clair) dépasse de quelque pixels vers le haut (le même nombre de pixel je pense.

Je regarde ça à nouveau.
Zut à nouveau, je n'arrive pas à reproduire le problème en local avec ta page que j'ai chargée.

Chez moi tout fonctionne.

screenshot de ton site :

upload/97-screenshotfre.jpg

la même chose chez moi :

upload/97-screenshotbib.jpg
La solution que tu m'as proposée à l'air de fonctionner, non ? j'imagine que la première copie d'écran est antérieur à la seconde...
Sur la première le problème est clairement localisé...
Pourrais tu m'indiquer la version de Ie que tu utilises ? Utilises tu également un style utilisateur ? la typo semble différente de la georgia ?
Merci
Modifié par fredmac (24 Apr 2006 - 13:52)
Non, non

le 1er screenshot c'est ce que j'ai actuellement en ouvrant le lien que tu as donné.

le 2ème screenshot c'est mon résultat en local.

Très précisemment, le seul ajout que j'ai fait, c'est dans le tag <img> de header.png

style="display:block;"
Bon j'ai tout repris à zero.

cette fois ci j'ai fait le rajout dans la feuille de style new.css à cet endroit précis :

/* -- En-tête -- */
#header{height:98px}
#accroche{font-size: 1.3em;color: #690}
/* ajout */
.imgHead {
display:block;
}


et ça fonctionne parfaitement
tu veux dire que cela fonctionne sur le site directement ?
auquel cas, un grand merci. Smiley smile

Au fait, quelle version d'IE utilises tu ?
Modifié par fredmac (24 Apr 2006 - 17:01)