[CSS] Problème hauteur d'un bloc dans IE

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] Problème hauteur d'un bloc dans IE

Dolby

:sweat: Bonjour,
c'est assez simple en fait... J'ai un bloc qui fait 08px de hauteur, dans IE, il s'en fout, il prend minimum 20 ou 25 px de hauteur (height), par contre dans firefox, c'est nikel.. Que faire ?! :sweat: J'ai meme viré toutes les balises (comme le Doc Type) mais rien a y faire..

Voir page ici (ie et Firefox) : http://www.spawauxhallclub.com/pages/

Ma css :

Code :

.blochaut
{
height: 8px;
width: 966px;
padding: 0px;
float: left;
border: solid 1px;
margin: 0px;
background: url(../usr/img/bloc_haut.jpg) no-repeat;
}

Message édité par Dolby le 06-12-2005 à 19:48:04

Publicité

FlorentG

Unité de Masse

C'est à cause du '.'

IE traite height comme une hauteur minimum. Là t'as mis un caractère dedans. Donc faut la place pour la ligne. Rajoute un line-height: 2px ou un truc à la con dans le style, ça devrait le faire

Message cité 1 fois

Dolby

dans la page html tu veux dire ? Non ce n'est pas ca, je l'enleve tu peux aller reverifier, j'avais teste avec du contenu en indiquant un '.'.
Par contre , le line height, je le mets dans le div ?

Message édité par Dolby le 06-12-2005 à 19:57:15

gm_superstar

Appelez-moi Super

IE ne peut pas avoir un bloc moins haut que la hauteur de la ligne de texte qu'il contient. Il faut donc diminiuer la taille de la police pour ce bloc.

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

gm_superstar

Appelez-moi Super

FlorentG a écrit :

C'est à cause du '.'

Non, même avec le bloc vide ça le fait

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Dolby

meme avec le line-height: 2px ca ne change rien...
J'ai également efface le '.', donc le bloc est vide, meme résultat..

Message édité par Dolby le 06-12-2005 à 19:59:00

Dolby

ca marche avec un font-size dans le div... !!

Message cité 1 fois

xtof_83

Freeride Spirit

Code :

http://www.spawauxhallclub.com/cgi [...] pl?z=z&lg=

qu'est ce que ça fout dans le css?

Dolby a écrit :

ca marche avec un font-size dans le div... !!

oui il te l'avais dis dés le début

Message édité par xtof_83 le 06-12-2005 à 20:14:38

Dolby

heuu rien petite erreur sorry

Dolby

Bonjour,
j'ai un nouveau probleme de hauteur dans IE (ca fonctionne dans FF).

J'ai un bloc avec une image de fond de 1 pixel avec les propriétés:

Code :

.top01 {
float: left;
height: 1px;
width: 762px;
font-size: 0px;
background: url(../usr/img/top01.jpg) no-repeat;
line-height: 0px;
margin: 0px;
padding: 0px;
border: none;
}

le problème, c'est que dans IE, il me foce la hauteur a 2 pixel (l'image fait bien un pixel tt pil).

:sweat:

Message cité 1 fois

Publicité

gatsu35

Blablaté par Harko

tu rajoutes ca :
font-size:1px;

gm_superstar

Appelez-moi Super

Dolby a écrit :

le problème, c'est que dans IE, il me foce la hauteur a 2 pixel (l'image fait bien un pixel tt pil).

Mouais ben j'ai pas l'impression qu'on puisse aller à moins de 2 pixels de haut...

Mais IE il te dupliques ton image de 1 pixel de haut malgré le no-repeat ou c'est ton DIV qui fait 2 pixels de haut ?

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

FORUM HardWare.fr

Programmation

HTML/CSS

[CSS] Problème hauteur d'un bloc dans IE

Sujets relatifs
Probleme de signaux	Problème pour création de fonction
La commande sed, problème !	Probleme de requete.
[CSS] Images background en bas de page	J'ai un problème avec les evenements et les variables javascript ?
[PHP][Résolu] Problème de suppression...	Problème avec split et tableau [résolu]
Problème de référencement	probleme float et lien inactif sous firefox
Plus de sujets relatifs à : [CSS] Problème hauteur d'un bloc dans IE

Page générée en 0.042 secondes