supprimer marge inférieure sous Firefox

**realiste** · 27/01/2011, 02h52

bonjour
comment supprimer la marge inférieur sous firfoxe ?
voici mon code html il contient une div dans laquel ya une image, mais a cause de margin-top: 20%; l'image sort du cadre principal défini dans classe principal.
moi je veux que malgré x dans margin-top:x%; mon image reste toujours dans le cadre principal qui s'agrandira au fure et à mesure qu'en augmente le x
merci pour votre aide

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<html>
<head>
<link rel="stylesheet" href="stylemarge.css" type="text/css">
</head>
<body>
<div class="classeprincipal">
<div class="image">
 
<IMG  SRC="http://www.assomasi.org/Fleur_de_Pantin/Fleur_de_Pantin_2005.jpg"/>
 
</div>
</div>
</body>
<html>

stylemarge.css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
 
body
{ 
 background: #AFA99B top left no-repeat;
 margin: 0;
 padding: 0; 
}	
.classeprincipal
{				
width: 80%;
height: 100%;
margin-top: 0%;
margin-bottom: 20%;
margin-left: 10%;
border: 2px #AAA000 solid;
background-color: #FCFAE1;
}
 
.image
{
position: relative;
margin-left: 0%;
margin-right: 10%;
margin-top: 20%;									
}

**ornitho13** · 27/01/2011, 10h26

Salut,

il n'y a pas de margin-top:20% mais un margin-bottom.
D'après ce que j'ai testé, l'image est dans le cadre...

Peut être aurais tu un imprime-écran de ton problème pour que l'on puisse y voir un peu plus clair.

**realiste** · 27/01/2011, 13h19

salut
non il ya margin-top:20% regarde bien a la class image dans le code css

en plus je te dis bien que le probléme est sur firfoxe, parceque sur internet explorer ça marche bien

mais sur firfoxe losque j'augmente le margin-top pour la div image mon image sort du cadre de couleur beige c'est ça le probléme,voici un imprimé ecran de ce que je te raconte dans le fichier joint word

**ornitho13** · 28/01/2011, 10h21

rajoute un DOCTYPE à ton document et cela fonctionnera sous firefox.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
   ...

et fait attention également à la balise fermante de <html>, il manque un "/".

Dans tous les cas, passe tes pages aux validateurs W3C, tu pourras régler pas mal de problème

**realiste** · 28/01/2011, 12h45

bonjour
merci oui ça marche pour l'image est dans le cadre !
mais est ce que ya un moyen de supprimer comme méme la marge, je veux que la marge inférieur soit comme la marge supérieur
merci

**realiste** · 28/01/2011, 12h53

lol
j'ai ajouter le doctype sur une autre page html sous firfoxe mais il fait l'effet inverse !!

supprimer marge inférieure sous Firefox

CSS

Vue hybride

Discussions similaires

Partager

Partager