FORUM MP | Xhtml/Css : Attribut height sous Internet Explorer

COMMUNAUTE MP

Identifiez vous ...

DOMAINE MP

Bavardages

Langages Généraux

Langages Web

Langages DotNet

Autres langages

Dev. Jeux Video

Sécurité

Sys. Exploitation

Graphismes

Logiciels

Réseaux

Bases de données

Méthodologies

Emplois High-tech

Aide juridique

Articles juridiques

FORUM

CHAT MP IRC

Votre pseudo ...

Serv: irc.irc-land.org

Chan: #MoteurProg

PARTICIPER

Plus de 3500 emplois.

Visiteur MP

Attribut height sous Internet Explorer
	Forum : XHTML/CSS Sous Catégorie : Aucune Type du sujet : Sujet Normale FAQ : FAQ XHTML/CSS
		SUIVI PAR MAIL INACTIF
		SUJET RESOLU
		SUJET ACTIF
		N'APPARTIENT PAS A LA FAQ

PAGE : [1]

FORUM XHTML/CSS
	Page précedente	Page suivante

banzaichico
Nouveau membre

Inscrit : 15/02/2004
Messages : 6

#130546 Posté le 14/04/07 à 00:44

Bonjour,
je mets en forme un tableau tout simple, d'une ligne, et le rendu ne fonctionne pas très bien sous Internet Explorer 7 (alors que tout va bien avec Firefox 2) : quand je mets la valeur 30px à l'attribut Height, les cellules font 35px de hauteur.
Voici les codes sources :

page HTML :

<table cellpadding="0px" cellspacing="0px"> <tr id="maintab" class="topmenu"> <td class="selected">NEWS</td> <td class="unselected">JEUX</td> <td class="unselected">DVD</td> <td class="unselected">CONTACTS</td> <td class="unselected">A PROPOS</td> <td class="hiddentab"> </td> </tr> </table>

Page CSS :

.topmenu{ border:0px dashed black; padding:0px; margin:0px; font: bold 15px Verdana; font-family:Geneva, Arial, Helvetica, sans-serif; background-color:#009999; height:30px; border-spacing:0px; } .topmenu td { padding-top:5px; text-align:center; }

je n'arrive pas à comprendre ce qui cloche. Si vous voulez voir le bug :
http://web2u.fr/demo/demo.php

Merci d'avance.

HAUT DE PAGE

Publicité

Inscrit : X
Messages : X

#Aucun

HAUT DE PAGE

ReaM
Superviseur :
- Java

Inscrit : 24/02/2005
Messages : 722

#130551 Posté le 14/04/07 à 03:33

C'est très simple ,le padding-top est additionné au height que tu as défini .

Internet explorer et firefox calcule le height de manière très différente.

Sous ie , le height réel sera : height+border+padding+margin.
Sous Firefox le height sera celui défini.

Pour régler ce problème , il te faut passer par un doctype de type strict ou peut-être transitionnal ( à vérifier ) .
__________________________

La théorie, c'est quand on sait tout et que rien ne fonctionne. La pratique, c'est quand tout fonctionne et que personne ne sait pourquoi. Ici, nous avons réuni théorie et pratique : rien ne fonctionne et personne ne sait pourquoi...

HAUT DE PAGE

banzaichico
Nouveau membre

Inscrit : 15/02/2004
Messages : 6

#130569 Posté le 14/04/07 à 13:22

salut,
merci du renseignement, mais que je mettes une DTD strict ou transitionnal, ça ne change rien, c'est toujours un problème.

HAUT DE PAGE

Czayfaboo
Co-Administrateur
Superviseur :
- Langages Dot.
Modérateur :
- CSharp (C#)
Chef de projet(s) :
- ID3.NET Library
- MoteurProg Work.

Inscrit : 05/01/2005
Messages : 2843

#130571 Posté le 14/04/07 à 14:00

ReaM dit :
Sous ie , le height réel sera : height+border+padding+margin.
Sous Firefox le height sera celui défini.

Es-tu sur de cela ? J'ai l'impression que FF2 réagi comme IE...

En tout cas, à chaque fois que j'ajoutais un padding de x pixel... je le retirais sur la propriété height ou width correspondante... et çà marchais nikel sous IE et sous FF(2) ...

Donc pour ton problème banzaichico, redéfini la propriété height dans ton 2e style (celui du td) en enlevant 5 pixels...
__________________________
Sujet résolu ? Pensez à mettre le tag

Un problème en C# ? Vérifiez celui-ci n'est pas déjà résolu dans la FAQ et que le sujet n'est pas traité parmis les tutoriaux ou les articles avant de poster dans le forum C#.

HAUT DE PAGE


	Page précédente	Page suivante
FORUM XHTML/CSS

PAGE : [1]

.: Site Web développé par Julien Pichot et l'équipe MPWG avec www.evolvia-web.com :.