Bonjour,
j'ai un problème sur un site que je suis en train de faire. La mise en page est exactement comme je le désire sur firefox et sur safari, mais il y a des espacements qui se rajoutent en plus sur IE.
Ce serait super cool si vous pouviez m'aider parceque ça fait depuis plusieurs heures maintenant que je cherche sans le moindre résultat d'où peut provenir ce problème.
Je vous mets une partie du code ci-dessous:
-pour le fichier css qui je pense est mis en cause:(general.css)
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
body{
margin:0;
padding:0;
border:0;
border-collapse:collapse;
background-color:#ffffff;
}
/*------------------------------------------------------------------------------------------------------------------Conteneur-------------------------------------------------------------------------------------------------*/
#conteneur{
position:relative;
width:800px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
background-color:#c0d93f;
}
/*---------------------------------------------------FIN DE CONTENEUR-------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------Entête-----------------------------------------------------------------------------------------------------*/
#entete{
margin:0;
padding:0;
position:relative;
width:800px;
height:175px;
background-image:url('../images/general/entete_generale.jpg');
}
#entete_haut{
width:800px;
height:146px;
position:relative;
float:left;
}
#menu{
position:relative;
float:left;
width:800px;
height:25px;
}
/*-------------------------------------------------------------FIN DE ENTETE-----------------------------------------------*/
/*-----------------------------------Contenu---------------------------------------------------------------------------------------------------*/
#contenu{
width:800px;
position:relative;
float:left;
background-color:#ffffff;
}
#descript_rubrique{
width:800px;
height:20px;
position:relative;
float:left;
font-size:14px;
font-weight:bold;
font-family:georgia;
color:#f99035;
text-align:center;
background-color:#ffffff;
}
/*----------------------------------------------------Partie Gauche--------------------------------------------------*/
#partie_gauche{
margin-left:5px;
margin-top:5px;
margin-bottom:5px;
position:relative;
float:left;
width:170px;
}
#special_gauche{
margin-left:auto;
margin-right:auto;
margin-top:5px;
padding-top:0px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
width:150px;
height:215px;
position:relative;
color:#50c5da;
font-weight:bold;
font-size:14px;
background-image:url('../images/general/special_gauche_fond.jpg');
}
#special_gauche a,#special_gauche a:hover{
color:#50c5da;
font-weight:bold;
font-size:14px;
text-decoration:none;
}
#special_gauche a:visited{
color:#50c5da;
font-style:italic;
font-weight:normal;
}
#pub_gauche{
margin-left:auto;
margin-right:auto;
width:160px;
height:320px;
margin-top:10px;
margin-bottom:5px;
position:relative;
background-color:#ffffff;
}
/*---------------------------------------------------------FIN DE PARTIE GAUCHE----------------------------------*/
/*------------------------------------------------------------------------------------------------------------Essentiel--------------------------------------------------------------------------------------------------------*/
#essentiel{
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
margin-right:5px;
position:relative;
float:right;
width:600px;
height:545px;
margin-top:5px;
margin-bottom:5px;
color:#c0d93f;
background-color:#ffffff;
}
/*--------------------------------------------------------------------------FIN DE ESSENTIEL---------------------------------------------------*/
/*---------------------------------------------------------------------------------bas de page---------------------------*/
#bas_de_page{
text-align:center;
position:relative;
float:left;
width:800px;
height:18px;
font-size: 13px;
line-height:15px;
font-weight:bold;
font-style:italic;
background-color:silver;
color:#000000;
}
#bas_de_page a, #bas_de_page a:visited{
font-style:normal;
color:#000000;
text-decoration:none;
}
#bas_de_page a:hover{
font-style:italic;
color:#000000;
text-decoration:underline;
}
/*--------------------------------------------------------------FIN DE BAS DE PAGE--------------------------------------------------------*/
/*****************************SPAN CLASS*********************************************/
.titre_essentiel{
color:#000000;
font-size:18px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#e0ee97;
}
-et voilà le code html(index.html):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Toutecom'sport.com</title>
<style type="text/css">
@import url('styles/general.css');
@import url('styles/index.css');
</style>
</head>
<body>
<div id="conteneur">
<div id="entete">
<div id="logo">
</div>
<div id="entete_haut">
</div>
<div id="menu">
<map name="menu_map" id="menu_map">
<area shape="poly" coords="0,0,219,0,219,25,0,25" href="" alt="Faire du sport en Savoie">
<area shape="poly" coords="221,0,411,0,411,25,221,25" href="pages/calendrier_sportif.html" alt="Calendrier Sportif">
<area shape="poly" coords="413,0,619,0,619,25,413,25" href="pages/se_balader.html" alt="Se balader ... où ça?">
<area shape="poly" coords="621,0,800,0,800,25,621,25" href="pages/mon_sport.html" alt="Mon Sport">
</map>
<img src="images/menu/faire_sport.jpg" border="0" useMap="#menu_map" alt="menu">
</div>
</div>
<div id="contenu">
<div id="descript_rubrique">
Découvrez les sports en Savoie et où les pratiquer
</div>
<div id="partie_gauche">
<div id="special_gauche">
<img src="images/fairesport/faire_du_sport.gif" alt="les sports en Savoie" title="Le Sport">
</div>
<div id="pub_gauche">
<a href="http://www.toutecom.com"><img src="images/pub/faire_du_sport.jpg" border="0" alt="Allez visiter Toutecom.com" title="Toutecom.com"></a>
</div>
</div>
<div id="essentiel">
<center><span class="titre_essentiel">Cliquez sur le sport de votre choix pour découvrir les informations sur les clubs qui le pratiquent en Savoie...</span></center>
<br>
<table id="tableau_liste_sport" class="table_liste_sport">
<tr><td>
<table id="tableau_liste_sport_gauche" class="table_liste_sport-gauche" width="300">
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+athlétisme-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/athletisme-savoie-toutecom.htm" class="lien-activite">Athlétisme</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+aviron-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/aviron-savoie-toutecom.htm" class="lien-activite">Aviron</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+ball trap-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/balltrap-savoie-toutecom.htm" class="lien-activite">Ball Trap</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+basket ball-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/basketball-savoie-toutecom.htm" class="lien-activite">Basket Ball</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+billard-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/billard-savoie-toutecom.htm" class="lien-activite">Billard</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+boule lyonnaise-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/boules-savoie-toutecom.htm" class="lien-activite">Boules</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+canoë kayak-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/canoekayak-savoie-toutecom.htm" class="lien-activite">Canoë Kayak</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+CAF-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/clubs-alpins-francais-savoie-toutecom.htm" class="lien-activite">Clubs Alpins Français</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+cyclisme-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/cyclisme-savoie-toutecom.htm" class="lien-activite">Cyclisme</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+cyclotourisme-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/cyclotourisme-savoie-toutecom.htm" class="lien-activite">Cyclotourisme</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+EPMM-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/epmm-savoie-toutecom.htm" class="lien-activite">EPMM (Entraînement Physique dans le Monde Moderne)</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+equitation-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/equitation-savoie-toutecom.htm" class="lien-activite">Equitation</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+escrime-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/escrime-savoie-toutecom.htm" class="lien-activite">Escrime</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+sauvetage secourisme-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/ffss-savoie-toutecom.htm" class="lien-activite">FF de sauvetage et secourisme</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+médaillés jeunesse et sport-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/ffmjs-savoie-toutecom.htm" class="lien-activite">FF des médaillés de la jeunesse et des sports</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+FSCF-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/fscf-savoie-toutecom.htm" class="lien-activite">Fédération sportive culturelle de France</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+FSGT-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/fsgt-savoie-toutecom.htm" class="lien-activite">Fédération sportive et gymnique du travail</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+football-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/football-savoie-toutecom.htm" class="lien-activite">Football</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+golf-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/golf-savoie-toutecom.htm" class="lien-activite">Golf</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+gymnastique-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/gymnastique-savoie-toutecom.htm" class="lien-activite">Gymnastique</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+gymnastique volontaire-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/epvg-savoie-toutecom.htm" class="lien-activite">Gymnastique volontaire</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+haltérophilie-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/halterophilie-savoie-toutecom.htm" class="lien-activite">Haltérophilie</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+hand ball-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/handball-savoie-toutecom.htm" class="lien-activite">Hand Ball</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+handisport-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/handisport-savoie-toutecom.htm" class="lien-activite">Handisport</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+judo kendo-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/judokendo-savoie-toutecom.htm" class="lien-activite">Judo Kendo</a></td></tr>
</table>
</td>
<td>
<table id="tableau_liste_sport_droite" class="table_liste_sport-droite" width="295">
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+karaté-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/karate-savoie-toutecom.htm" class="lien-activite">Karaté</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+montagne-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/montagne-savoie-toutecom.htm" class="lien-activite">Montagne</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+natation-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/natation-savoie-toutecom.htm" class="lien-activite">Natation</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+parachutisme-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/parachutisme-savoie-toutecom.htm" class="lien-activite">Parachutisme</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+pétanque-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/petanque-savoie-toutecom.htm" class="lien-activite">Pétanque</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+randonnée pédestre-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/randonnee-savoie-toutecom.htm" class="lien-activite">Randonnée pédestre 73</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+pétanque-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/roller-savoie-toutecom.htm" class="lien-activite">Roller Skate</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+rugby-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/rugby-savoie-toutecom.htm" class="lien-activite">Rugby</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+ski-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/ski-savoie-toutecom.htm" class="lien-activite">Ski</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+ski nautique-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/ski-nautique-savoie-toutecom.htm" class="lien-activite">Ski nautique</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+sports de glace-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/sports-glace-savoie-toutecom.htm" class="lien-activite">Sports de glace</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+sports sous marin-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/sports-sousmarin-savoie-toutecom.htm" class="lien-activite">Sports sous-marin</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+sport universitaire-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/sport-universitaire-savoie-toutecom.htm" class="lien-activite">Sport universitaire</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+tennis-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/tennis-savoie-toutecom.htm" class="lien-activite">Tennis</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+tennis de table-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/tennis-table-savoie-toutecom.htm" class="lien-activite">Tennis de table</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+tir à l'arc-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/tir-arc-savoie-toutecom.htm" class="lien-activite">Tir à l'arc</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+tir sportif-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/tir-sportif-savoie-toutecom.htm" class="lien-activite">Tir sportif</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+UFOLEP-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/ufolep-savoie-toutecom.htm" class="lien-activite">Union Française des Oeuvres Laïques d'Education Physique</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+UGSEL-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/ugsel-savoie-toutecom.htm" class="lien-activite">UGSEL (Union Gymnique & Sportive de l'Enseignement Libre)</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+UNSS-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/unss.htm" class="lien-activite">UNNSS (Union Nationale du Sport Scolaire)</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+USEPS-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/usep-savoie-toutecom.htm" class="lien-activite">Union Sportive de l'Enseignement Primaire de la Savoie</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+voile-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/voile-savoie-toutecom.htm" class="lien-activite">Voile</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+volley ball-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/volleyball-savoie-toutecom.htm" class="lien-activite">Volley Ball</a></td></tr>
<tr><td><img src="images/faire_sport/puce.jpg" alt="toutecom+vol libre-Savoie" width="13" height="13" align="top"></td><td> <a href="pages/comites-sportifs/vol-libre-savoie-toutecom.htm" class="lien-activite">Vol libre</a></td></tr>
</table>
</td></tr>
</table>
</div>
</div>
<div id="bas_de_page">
© Sportensavoie.com 2008 tous droits réservés - <a href="http://www.sportensavoie.com/pages/infos_legales.html" title="infos légales">infos légales</a> - <a href="sportensavoie.com" title="Faire du sport en Savoie">Faire du sport en Savoie</a> - <a href="sportensavoie.com/pages/calendrier_sportif.html" title="calendrier sportif">Calendrier</a> - <a href="sportensavoie.com/pages/se_balader.html" title="se balader en Savoie">Se balader, où ça</a> - <a href="sportensavoie.com/pages/mon_sport.html" title="Partagez la passion d'autres internautes">Mon sport</a>
</div>
</div>
</body>
</html>
Que vous trouviez ou pas je vous dit déjà merci d'avance, même si j'aimerai bien avoir une réponse vu le temps que j'ai consacrer à ce site.
Merci
Ciao
NoxXx
Afficher la suite
16 juil. 2008 à 17:01
Sinon j'avais pensé aux espaces fantomes mais en mettant margin:0 et padding:0 sa change rien je comprends pas trop.
Je vies de mettre le site en ligne à cette adresse, qui ne me sert pour le moment que de test : http://toutecom.com/toutlesportensavoie/
Si sa peut t'aider pour comprendre, en fait il y a des espaces kil ne devraient pas y avoir juste au dessus de la div appelée bas de page.
Merci en tout cas c'est sympa de t'être penchée sur mon problème.