Je n'arrive pas a enlever une marge

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Je n'arrive pas a enlever une marge

the_ourson

bonjour à tous,

j'ai un petit problème, en effet je suis en train de faire un site et j'ai un problème dans ma mise en page.

voila mes codes :

html

Code :

<html>
...(tout ce qu'il faut y est)
<body>
....
</body>
</html>

css

Code :

html
{
width:100%;
height:100%;
background-color: #1E90FF; /* couleur de fond */
}
body
{
width: 75%;
height:100%;
margin-left: auto;
margin-right: auto;
margin-top:0;
margin-bottom:0;
background-color : white;
}

et voila ce que ca me donne :

(sous FF)

(sous IE)

je voudrais donc savoir si il est possible de coller le cadre blanc en haut de la page sous firefox.
ce qui m'etonne le plus c'est que sous IE le cadre est collé comme je veux.

merci de vos réponses.

Publicité

tomhanks

je peux voir ton code html plus complet?

the_ourson

bien sur :

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="styleie.css" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style.css" />
<title>Bienvenue sur iSpé2m.fr</title>
<script src="ajax.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
function lireFichier(url)
{
var xhr=createXHR();
xhr.open("GET", url ,true);
document.getElementById("corps" ).innerHTML="Started...";
xhr.onreadystatechange=function()
{
document.getElementById("corps" ).innerHTML="Wait server...";
if(xhr.readyState == 4)
{
document.getElementById("corps" ).innerHTML= xhr.responseText;
}
};
xhr.send(null);
}
</script>
</head>
<body>
<div id="en_tete">
<ul id="banniere">
<li id="image"><a href="index.html"></a></li>
</ul>
</div>
<div id="a_definir">
<table cols="1"><th>a definir :</th> </table>
</div>
<div id="menu">
<ul id="menuDeroulant">
<li id="acceuil" >
<a href="#" onclick="submitForm('textes/test.TXT');"></a>
<ul class="sousMenu">
<li><a href="#">Raison d'être</a></li>
<li><a href="#">Notre Mission</a></li>
<li><a href="#">Les Produits Phares</a></li>
</ul>
</li>
<li id="activite">
<a href="#"></a>
<ul class="sousMenu">
<li><a href="#">Formations et Accompagnements</a></li>
<li><a href="#">Conseil et Assistance</a></li>
<li><a href="#">Séminaire</a></li>
</ul>
</li>
<li id="qui">
<a href="#"></a>
<ul class="sousMenu">
<li><a href="#">Historique</a></li>
<li><a href="#">Organisation de la société</a></li>
<li><a href="#">Les Valeurs d'iSpé2m</a></li>
<li><a href="#">Le Dirigeant</a></li>
<li><a href="#">Partenariat</a></li>
</ul>
</li>
<li id="contact">
<a href="#"></a>
<ul class="sousMenu">
<li><a href="#">Adresse</a></li>
<li><a href="#">Téléphone</a></li>
<li><a href="#">Mail</a></li>
</ul>
</li>
</ul>
</div>
<div id="menu2">
<ul id="menuVert">
<li id="case1">
<a href="#"></a></li>
<li id="case2">
<a href="#"></a></li>
<li id="case3">
<a href="#"></a></li>
<li id="case4">
<a href="#"></a></li>
</ul>
</div>
<div id="corps">
</div>
<div id="pied_de_page">
<table border="0" cellpadding="10">
<tr>
<th><a href="#" onclick="lireFichier('textes/mentions.TXT');">Mentions legales</a></th>
<th><a href="#">Plan du site</a></th>
<th><a href="#">Envoyer un mail au dirigeant</a></th>
</tr>
</table>
</div>
</body>
</html>

tomhanks

essayer de remplacer:
margin-top:0; par margin-top:auto;

the_ourson

hélas çà ne change rien.

the_ourson

alors je viens de trouver un truc :

si dans margin-top je mets une valeur négative, cela fait remonter le cadre.

mais c'est assez moche et surtout pas adapté pour un design extensible.

enfin bon si ya pas possibilité d'avoir mieux.

the_ourson

c bon g trouvé :

voila mon nouveau css :

Code :

html
{
width:100%;
height:100%;
background-color: #1E90FF; /* couleur de fond */
}
body
{
width: 75%;
height:inherit;
/*permet de coller le cadre aux bords haut et bas du navigateur, et de la centrer sur la fenetre*/
position:absolute;
margin-left: 12.5%;
margin-right: 12.5%;
margin-top:0;
margin-bottom:0;
background-color : white;
overflow:auto;
}

FORUM HardWare.fr

Programmation

HTML/CSS

Je n'arrive pas a enlever une marge

Sujets relatifs
[C++] enlever la console a l'execution	envoie de mails aux utilisateurs d'AD dont le mdp arrive à expiration
Problème que je n'arrive pas a réssoudre HELP	Comment enlever les accents de noms de fichiers ?
Je n'arrive pas lancer Visual basic	Je débute : 2 jours de perdus pour une marge :@ !
Espace blanc imposible à enlever	Script enlever espaces d'un nom de fichier
Enlever la bordure par défaut de la balise <html> sous IE7	Lecture d'un fichier: fin de fichier arrive trop vite!
Plus de sujets relatifs à : Je n'arrive pas a enlever une marge

Page générée en 0.092 secondes