supprimer marge inférieure sous Firefox

realiste · 27/01/2011, 01h52

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, 09h26

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, 12h19

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, 09h21

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, 11h45

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, 11h53

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

27/01/2011, 09h26	#2
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	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.
	00

28/01/2011, 11h45	#5
realiste Invité régulier Étudiant Inscription : décembre 2010 Messages : 23 Détails du profil Informations personnelles : Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Étudiant Informations forums : Inscription : décembre 2010 Messages : 23 Points : 6 Points : 6	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
	00

28/01/2011, 11h53	#6
realiste Invité régulier Étudiant Inscription : décembre 2010 Messages : 23 Détails du profil Informations personnelles : Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Étudiant Informations forums : Inscription : décembre 2010 Messages : 23 Points : 6 Points : 6	lol j'ai ajouter le doctype sur une autre page html sous firfoxe mais il fait l'effet inverse !!
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email