[Résolu] Problème de height et width avec IE

Salut

est-ce que qqn peut me dire la raison pour laquelle il y a une bordure blanche en dessous de la bannière avec IE (6) ? http://www.shcc.ch/index2.php


merci d'avance
Modifié par JuTs (12 Sep 2005 - 07:41)

Bonjour,

Je ne vois pas très bien pourquoi en effet, en tout cas il y a une id :

<img [b]id="banniere"[/b] src="/img/template/header.jpg" alt="Logo du SHC La Chaux-de-Fonds">

qui ne devrait pas être là déjà parce que id ne me semble pas approprié à IMG (class plutôt) et #banniere ne se trouve pas dans la feuille de style.
Modifié par zzzazzz (06 Sep 2005 - 20:10)

Bonsoir.

Mystere...

J'ai corrigé une copie locale en faisant celà:

#header {overflow:hidden;
	HEIGHT: 140px
}

zzzazzz a écrit :

Bonjour,

Je ne vois pas très bien pourquoi en effet, en tout cas il y a une id :

<img [b]id="banniere"[/b] src="/img/template/header.jpg" alt="Logo du SHC La Chaux-de-Fonds">

qui ne devrait pas être là déjà parce que id ne me semble pas approprié à IMG (class plutôt) et #banniere ne se trouve pas dans la feuille de style.

Il n'y a aucune contre indication à mettre un id sur une image. L'id est à usage unique, et généralement on a seulement une bannière par page. De plus, un id n'est pas forcément définit dans la feuille de style. En effet, on utilise aussi l'id pour les ancrages (même s'il est peu commun d'utiliser une image comme ancre).

Merci GeorgesM, ça fonctionne.

Vraiment étrange IE

Encore plus étrange
sur cette page : http://www.shcc.ch/pages/sponsors.php
les bandes en dégradé (des <h2>) sont plus large que le cadre en-dessous qui contient le texte (en fait c'est le cadre qui est moins large que le h2)

sur ce cadre, j'ai les classe suivante qui ont utilisées :

p.cadre, p.sponsors {
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	margin-top:0;
	margin-bottom:3em;
	padding:0.5em;
}

p.sponsors {
	height:auto !important;
	height:100px;
	min-height:100px;
}

Et bien si je supprime la deuxième, le problème ne se pose plus

Salut à tous,

JuTs, pour ton premier problème (la page n'est plus bonne) je pense qu'un "display:block" pour l'image aurait suffit (celle-ci étant gérée comme un caractère texte, il y a toujours un espace sous l'image), mais je peux me tromper.

Pour le deuxième, c'est en effet bizarre comme effet, et pour avoir investigué un peu je peux dire que c'est le "height:100px" sur le "p.sponsors" qui blesse IE, toujours pour la même sempiternelle raison : le conteneur n'a pas de hauteur définie, donc IE est un peu dans les choux. Si tu mets un "height:100%" (par exemple) à ton "#contenu", le phénomène disparaît.

Alors, c'est [Résolu] ?

Et puis au passage tu serais aimable de trouver un titre plus évocateur parce que « Problème de mise en page avec IE » s'apparente à la très grande majorité des sujets ouverts dans ce salon

Merci.

Stephan a écrit :

En effet, on utilise aussi l'id pour les ancrages (même s'il est peu commun d'utiliser une image comme ancre).

Un point !
J'avais oublié cet argument.