Problèmes d'affichage sur firefox par Hooli - page 1

Bonjour à tous,
Je suis en train de créer le design de mon site mais je rencontre 2 problèmes.
Voici d'abord les screens :
Sous Firefox
Image utilisateur

Sous IE :

Les problèmes sont les suivants :

Je voudrais supprimer l'espace qu'il y a entre le titre du menu et le header (marqué par une fleche)
Faire descendre le footer

Donc comme vous pouvez le voir il n'y a pas de problème sur IE.

Voilà mon css:

body
{
background-color: Black;
color: White;
width: 100%;
height: 100pc;
}

a
{
color: Silver;
text-decoration: underline;
}

a:hover
{
text-decoration: line-through;
}

#header
{
width: 100%;
height: 100px;
background: black;
text-align: center;
border-bottom: 1px solid;
background-image: url(../img/banniere.jpg);
background-repeat: no-repeat;
background-position: center;
}

#menu
{
border: thin White;
float: left;
border-style: solid;
width: 13%;
border-left: none;
border-bottom: none;
border-top: none;
}

.element_menu_titre
{
border: thin;
text-align: center;
margin-bottom: 0px;
padding-bottom: 0px;
padding-top: 0px;
border-bottom: 1px solid;
background-color: Maroon;
}

.element_menu_contenu
{
border: thin;
}

#corps
{
text-align: center;
}

#footer
{
text-align: center;
width: 100%;
border-top: 1px solid;
border-bottom: 1px solid;
padding: 3px;
}

Et voilà mon hmtl:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Team-Heavy - Index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="CSS de Team-Heavy" href="css/css_team-heavy.css" />
</head>
<body>
<div id="header">
</div>

<div id="menu">
<div class="element_menu_titre">
<h3>Menu</h3>
</div>

<div class="element_menu_contenu">
<ul>
<li><a href="../index.php">News</a></li>
<li><a href="../sites.php">Les sites</a></li>
<li><a href="../projets.php">Projets en cours</a>
   <li><a href="../livre.php">Livre d'or</a>
   <li><a href="../contact.php">Contact</a>
   <li><a href="../admin/index.php">Administration</a>
   </li>
</ul>
</div>

<div class="element_menu_titre">
<h3>Menu</h3>
</div>

<div class="element_menu_contenu">
<ul>
<li><a href="../index.php">News</a></li>
<li><a href="../sites.php">Les sites</a></li>
<li><a href="../projets.php">Projets en cours</a>
   <li><a href="../livre.php">Livre d'or</a>
   <li><a href="../contact.php">Contact</a>
   <li><a href="../admin/index.php">Administration</a>
   </li>
</ul>
</div>
</div>

<div id="corps">
<h3>Bienvenue sur Team-Heavy !</h3>
<p>Ceci est une description, histoire de faire beau comme ca ca comme si j'avais fait un site magnifique (c'est le cas évidement).
Voilà, je vous souhaite une bonne journée

</p>
<p>N'oubliez pas de vous inscrire pour avoir accès au données confidentielles !</p>

<div id="footer">
<p>Ceci est le copyright</p>
</div>

</body>
</html>

En esperant que vous pourez m'aider,
Merci d'avance

Hooli

19 décembre 2005 à 13:30:09

anonymousguest

19 décembre 2005 à 13:54:34

pour les lignes qui sont au milieu au lieu d'être en-dessous, rajoute clear:both; dans le css du #footer

JulFisher

19 décembre 2005 à 13:55:57

http://siteduzero.com/forum-83-6123-faq-mise-en-place.html#r53117

J'vous jure :-°

Le nombre de fois qu'on pose cette question :lol:

19 décembre 2005 à 14:14:28

Merci beaucoup, la prochaine fois j'irai voir dans la FAQ si ma question ne s'y trouve pas.
Pour l'autre question (supprimer l'espace qu'il y a entre le titre du menu et le header (marqué par une fleche)) vous avez une solution ?

19 décembre 2005 à 16:36:21

.element_menu_titre h3 {
margin: 0px;
padding: 0px;
}

19 décembre 2005 à 18:00:47

Yes, ca fonctionne nickel, merci à tous

Problèmes d'affichage sur firefox

Problèmes d'affichage sur firefox

Supprimer

Modérer

Signaler le message aux modérateurs