Bonjour à tous,
J'ai quelques petits soucis reccurants sur mon site que je suis entrain de refaire:
1/ Incompatiblité IE et Moz
http://www.jeu-de-casino-virtuel.com/new-index.php
Sur Explorer mon footer est bien collé en bas de page alors que sous Mozilla il y a un bande blanche.. pourtant il me semblait qu'avec clear: both; ca devrait être bon !
2/ Menu qui prend toute la hauteur de la page peu importe sa hauteur
J'aimerais que mon menu de gauche prenne toute la hauteur car sinon ca me laisse du blanc... Quelle est la commande qui permet celà ?
3/Re souci entre Explorer et Mozilla
Sous Explorer on voit très clairement que mon h1 "Casino en en Ligne" dans la partie blanche est quasi au même niveau que le "Menu casino" dans le menu (quoi que un chouilla plus bas) alors que sur Mozilla il est clairement plus bas. Pourquoi un tel décalage ? Peut on le corriger ?
Voici mon code XHTML:
Et la CSS:
Je vous remercie d'avance car je donne ma langue au chat là
Modifié par magik (27 Nov 2005 - 23:23)
J'ai quelques petits soucis reccurants sur mon site que je suis entrain de refaire:
1/ Incompatiblité IE et Moz
http://www.jeu-de-casino-virtuel.com/new-index.php
Sur Explorer mon footer est bien collé en bas de page alors que sous Mozilla il y a un bande blanche.. pourtant il me semblait qu'avec clear: both; ca devrait être bon !
2/ Menu qui prend toute la hauteur de la page peu importe sa hauteur
J'aimerais que mon menu de gauche prenne toute la hauteur car sinon ca me laisse du blanc... Quelle est la commande qui permet celà ?
3/Re souci entre Explorer et Mozilla
Sous Explorer on voit très clairement que mon h1 "Casino en en Ligne" dans la partie blanche est quasi au même niveau que le "Menu casino" dans le menu (quoi que un chouilla plus bas) alors que sur Mozilla il est clairement plus bas. Pourquoi un tel décalage ? Peut on le corriger ?
Voici mon code XHTML:
<!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" xml:lang="fr">
<head>
<title>Casino en Ligne - Jouer et Gagner au Casino</title>
<meta name="revisit-after" content="3 days" />
<meta name="robots" content="index,follow" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="annuaire, casino, casino en ligne, casinos, casino jeu, machine a sous, jeu casino, casino virtuel, guide casino" />
<meta name="DC.title" content="Casino en Ligne" />
<meta name="description" content="Listing des meilleurs Casino en ligne pour jouer aux jeux casino" />
<link rel="stylesheet" type="text/css" href="style1.css" media="screen" title="casino en ligne" />
</head>
<body>
<div id="top-casino">
<span class="top">Casino en Ligne pour Jouer et Gagner au Casino de votre Choix - Annuaire de Casino à mettre dans vos Favoris</span>
</div><div id="conteneur">
<div id ="header">
<a href="http://www.jeu-de-casino-virtuel.com"><img class="logo" src="img-casino/logo.gif" alt="Retour page D' Accueil"/></a>
<a href="http://banner.scasino.com/cgi-bin/redir.cgi?id=N&member=casinoagogo&profile=jdcv&lang=fr"><img class="ban" src="img-casino/casino-iog/swiss-casino/468x60.gif" alt="400 Euros de Bonus de Bienvenus" /></a>
</div><div id="gauche">
<div id="menu">
<br />
<br />
<span class="titre-menu">Menu Casino</span>
<ul>
<li><a href="index.php"><span class="liensmenu">Accueil</span></a></li>
<li><a href="top-casinos.php"><span class="liensmenu">Top Casinos</span></a></li>
<li><a href="bien-debuter.php"><span class="liensmenu">Bien Débuter</span></a></li>
<li><a href="http://www.jeu-poker.net"><span class="liensmenu">Poker en Ligne</span></a></li>
<li><a href="casino-map.php"><span class="liensmenu">Casino Map</span></a></li>
<li><a href="mailto:webmaster@jeu-de-casino-virtuel.com"><span class="liensmenu">Contact</span></a></li>
</ul>
<br />
<span class="titre-menu">Règles des Jeux</span>
<ul>
<li><a href="machine-a-sous"><span class="liensmenu">Machine à Sous</span></a></li>
<li><a href="roulette.php"><span class="liensmenu">Roulette</span></a></li>
<li><a href="baccarat.php"><span class="liensmenu">Baccarat</span></a></li>
<li><a href="Video-poker.php"><span class="liensmenu">Video Poker</span></a></li>
<li><a href="blackjack.php"><span class="liensmenu">Blackjack</span></a></li>
</ul>
<br />
<span class="titre-menu">Revues des Casinos</span>
<ul>
<li><a href="swiss-casino.php"><span class="liensmenu">Swiss Casino</span></a></li>
<li><a href="prestige-casino.php"><span class="liensmenu">Prestige Casino</span></a></li>
<li><a href="monaco-gold.php"><span class="liensmenu">Monaco Gold</span></a></li>
<li><a href="carnival.php"><span class="liensmenu">Carnival</span></a></li>
<li><a href="club-dice.php"><span class="liensmenu">Club Dice</span></a></li>
<li><a href="casino-las-vegas.php"><span class="liensmenu">Casino las Vegas</span></a></li>
<li><a href="golden-riviera.php"><span class="liensmenu"></span>Golden Riviera</a></li>
<li><a href="europa-casino.php"><span class="liensmenu">Europa Casino</span></a></li>
<li><a href="casino-tropez.php"><span class="liensmenu">Casino Tropez</span></a></li>
<li><a href="vegas-red.php"><span class="liensmenu">Vegas Red</span></a></li>
<li><a href="vegas-red.php"><span class="liensmenu">Vegas Red</span></a></li>
<li><a href="plus-de-revues.php"><span class="liensmenu"></span>Plus de revues !</a></li>
</ul>
</div>
</div><br />
<br />
<h1 id="h1">Casino en Ligne</h1>
<p class="site"><span class="texte-casino">Votre Annuaire de casino en ligne. Ci dessous une liste des 10 meilleurs Casinos en ligne pour jouer au Casino en tout simplicité. J'ai testé moi même tous ces Casinos, ils sont sérieux et sécurisés. Paiements des Gains rapide</span>
</p>
<div id="footer">
<p class="sitefooter">
<span class="partners">Links: </span>
<a href="http://www.ikki-casino.com"><span class="partners">Casino Bonus</span></a> -
<a href="http://www.jeu-poker.net"><span class="partners">Jeu Poker</span></a> -
<a href="http://www.top-casino-en-ligne.com"><span class="partners">Casino Virtuel</span></a> -
<a href="http://www.maitre-casino.com/"><span class="partners">Casino en ligne</span></a> -
<a href="http://www.vivre-des-casinos.com/"><span class="partners">Vivre des Casino</span></a> -
<a href="http://www.casino-du-jour.com/"><span class="partners">Casino du Jour</span></a> -
<a href="http://www.planetecasino.com"><span class="partners">Planete Casino</span></a> -
<a href="http://www.zone-casinos.com/"><span class="partners">Casinos en Ligne</span></a><br />
<a href="http://www.annuaire-casino.net"><span class="partners">Annuaire Casino</span></a> -
<a href="http://www.casino-folies.com"><span class="partners">Casino Folies</span></a> -
<a href="http://www.deluxe-casinos.com/"><span class="partners">Guide Casinos</span></a> -
<a href="http://www.encaissez.com"><span class="partners">Encaissez</span></a> -
<a href="http://www.rapido-casinos.com"><span class="partners">Casino en Ligne</span></a> -
<a href="http://www.baseturf.com"><span class="partners">Base Turf</span></a>
<a href="http://www.jeux-casino.com"><span class="partners">Jeux Casino</span></a> -
<a href="http://www.reference-casino.com"><span class="partners">Jeux Casino</span></a> -
<a href="http://paris.europale.com"><span class="partners">Les Pages Pros Paris</span></a> -
<a href="http://www.jeu-de-casino-virtuel.com/partenaires.php"><span class="partners">Rest</span></a>
</p>
</div></div>
</body>
</html>
Et la CSS:
body
{margin: auto;margin-top: 10px;margin-bottom: 20px;background-color: #620000;}
#top-casino
{width:748px;margin:auto;margin-bottom: 3px;background:#620000;text-align: center;}
#conteneur
{width:748px;margin:auto;border:1px solid #000000;background:#ffffff;}
#conteneur a:hover
{background-color: #000000;}
#header
{height:60px;margin-bottom:0px}
#gauche
{width:150px;height:100%;float:left;margin-right:10px;margin-left:0px;margin-bottom:10px;margin-top:0px;border:0px solid #000000;}
#menu
{width:150px;margin-right:0px;margin-left:0px;padding:3px;background-color: #990000;border:0px solid #000000;margin-bottom:20px;color: #FFFF00;font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-align: left;}
a img /* Toutes les images contenues dans un lien */
{border: none;}
#h1{font-size:13px;font-weight:bold;color: #000000;font-family:arial;margin-left:10px;}
#footer {background:#990000;clear: both;}
#menu ul {margin: 5px;padding: 0px;font-size: 11px;color: #fff;list-style-type: none;}
a:link { text-decoration: none; color: #fff; }
a:visited { text-decoration: none; color: #fff; }
a:active { text-decoration: none; color: #fff; }
a:hover { text-decoration: underline; color: #ffff00; }
.top
{margin: auto;color: #ffffff;font-family: Arial, Helvetica, sans-serif;font-size: 13px;}
.rien
{list-style-type: none;}
.site
{margin-left:10px;margin-right:10px;height:60px;text-align:left;}
.texte-casino
{color: #000000;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
.logo
{float: left;margin-right:0px;}
.ban
{float: left;}
.titre-menu
{color: #ffff00;font-family: Arial;font-size: 13px;font-weight: bold;margin-left:5px;}
.sitefooter
{margin-left:10px;margin-right:10px;text-align:left;}
.partners
{color: #ffffff;font-family: Arial, Helvetica, sans-serif;font-size: 9px;text-decoration: none;}
.liens
{color: #ffffff;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-decoration: none;}
Je vous remercie d'avance car je donne ma langue au chat là
Modifié par magik (27 Nov 2005 - 23:23)
J'ai viré les BR en tout cas.
