Hello,
Je me suis décidé à refaire la page index d' un de mes sites puis le site totalement. (je suis novice en xhtml css, enfin j'apprend tout doucement).
Je me suis bien pris la tête car j'ai toujours fais mes sites sur dream alors le code html et moi ca faisait 2.
Tant bien que mal j'ai réussi à reproduire presque à l'identique ma page index, j'en ai bavé pour le positionnement des blocs !
Ensuite j'ai suis allé là http://validator.w3.org/ et j'ai corrigé mes 160 érreurs de départ mdr.
Je pensais vraiment avoir fais le plus gros lorsque ma page à été valide enxhtml css mais j'ai vite déchanté quand je suis aller voir mon site sur Mozilla... grrrrrrrrr (chose que j'aurais du faire plutôt...).
Le footer est hors du cadre, et la partie droite de ma page sort aussi du cadre niveau hauteur comme vous pourrez le constater en visionnant ma page sur mozilla :
http://www.26-casino.info/
Cela fait depuis ce matin 9h que je tente de corriger ce problème en vain, j'ai testé plein de trucs, j'ai viré des bout de codes etc.. mais rien n'y fait. Apparement ce serait un souci de marge ext entre mes paragraphes, on dirait que mozilla n'a pas la même unité de mesure, les espaces sont plus grand du coup c'est normal que ca sorte du cadre.
Le souci c'est que je ne vois pas comment corriger cela compte tenu que si je dis que il doit y avoir margin-bottom:10px; et que de visu ca sort pas pareil entre les deux navigateurs ! je ne vois pas ce que je peux y faire ! C'est comme si mozilla comptait 13px aulieu des 10px, aprés c'est normal que ca décale tout.
Enfin bref là j'en peux plus, je ne trouve pas la solution tout seul, je me sens bloqué complet.
C'est pourquoi je viens demander de l'aide ici.
Je vous remercie d'avance.
[Voici mon code xhtml:
et la Css:
Je me suis décidé à refaire la page index d' un de mes sites puis le site totalement. (je suis novice en xhtml css, enfin j'apprend tout doucement).
Je me suis bien pris la tête car j'ai toujours fais mes sites sur dream alors le code html et moi ca faisait 2.
Tant bien que mal j'ai réussi à reproduire presque à l'identique ma page index, j'en ai bavé pour le positionnement des blocs !
Ensuite j'ai suis allé là http://validator.w3.org/ et j'ai corrigé mes 160 érreurs de départ mdr.
Je pensais vraiment avoir fais le plus gros lorsque ma page à été valide enxhtml css mais j'ai vite déchanté quand je suis aller voir mon site sur Mozilla... grrrrrrrrr (chose que j'aurais du faire plutôt...).
Le footer est hors du cadre, et la partie droite de ma page sort aussi du cadre niveau hauteur comme vous pourrez le constater en visionnant ma page sur mozilla :
http://www.26-casino.info/
Cela fait depuis ce matin 9h que je tente de corriger ce problème en vain, j'ai testé plein de trucs, j'ai viré des bout de codes etc.. mais rien n'y fait. Apparement ce serait un souci de marge ext entre mes paragraphes, on dirait que mozilla n'a pas la même unité de mesure, les espaces sont plus grand du coup c'est normal que ca sorte du cadre.
Le souci c'est que je ne vois pas comment corriger cela compte tenu que si je dis que il doit y avoir margin-bottom:10px; et que de visu ca sort pas pareil entre les deux navigateurs ! je ne vois pas ce que je peux y faire ! C'est comme si mozilla comptait 13px aulieu des 10px, aprés c'est normal que ca décale tout.
Enfin bref là j'en peux plus, je ne trouve pas la solution tout seul, je me sens bloqué complet.
C'est pourquoi je viens demander de l'aide ici.
Je vous remercie d'avance.
[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</title>
<meta name="revisit-after" content="15 days" />
<meta name="robots" content="index,follow" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content=", casino, casino en ligne, jeux casino, casinos, casino jeux, machine a sous" />
<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="style.css" media="screen" title="casino en ligne" />
</head>
<body>
<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://www.casino-partouche.com/index.php3?idaffiliation=40345"><img class="ban" src="img-casino/casino-partouche/468x60.gif" alt="100% de Bonus lors de votre 1er dépôt" /></a>
</div>
<div id="droite">
<div id="menu">
<a href="http://www.jeu-de-casino-virtuel.com/bonus-cadeaux.html"><span class="navigation">Navigation</span></a><br />
<a href="http://www.jeu-de-casino-virtuel.com/bonus-cadeaux.html"><span class="liensmenu">Bonus Cadeaux</span></a><br />
<a href="http://www.jeu-de-casino-virtuel.com/bonus-cadeaux.html"><span class="liensmenu">Règles des Jeux</span></a><br />
<a href="http://www.jeu-de-casino-virtuel.com/bonus-cadeaux.html"><span class="liensmenu">Partenaires</span></a><br />
<a href="mailto:webmaster@jeu-de-casino-virtuel.com"><span class="liensmenu">Contact</span></a>
</div>
<div id="gagnant1">
<span class="titre-gagnant">Claude N.</span><br /> a gagné
<span class="gain">9760 Euros</span><br /> au
<a href="http://www.casino-partouche.com/index.php3?idaffiliation=40345">
<span class="liens">Casino Partouche</span></a><br /> aux machines a sous.<br /><br />
<span class="casino-bonus">Tentez votre Chance !</span>
</div>
<img class="carre" src="img-casino/casino-iog/swiss-casino/125x125.gif" alt="400 Euros de Bonus de Bienvenue" />
<div id="gagnant2">
<span class="titre-gagnant">Marc E.</span><br /> a gagné
<span class="gain">6824 Euros</span><br /> sur
<a href="http://banner.monacogoldcasino.com/cgi-bin/redir.cgi?id=N&member=cancer&profile=french">
<span class="liens">Monaco Gold</span></a><br /> aux machines a sous.<br /><br />
<span class="casino-bonus">Pourquoi pas vous ?</span>
</div>
<img class="carre" src="img-casino/casino-partouche/125x125.gif" alt="100% de Bonus cela ne se refuse pas" />
<div id="gagnant3">
<span class="titre-gagnant">Marie L.</span><br /> a gagné
<span class="gain">4235 Euros</span><br /> sur
<a href="http://banner.monacogoldcasino.com/cgi-bin/redir.cgi?id=N&member=cancer&profile=french">
<span class="liens">Club Dice</span></a><br /> aux video poker.<br /><br />
<span class="casino-bonus">A qui le tour ?</span>
</div>
<img class="carre" src="img-casino/casino-pays/monaco-gold/125x125.gif" alt="1000 Euros de Bonus lors de votre 1er dépôt" />
</div>
<p class="site"><span class="liens">JEU DE CASINO VIRTUEL,</span> <span class="texte-casino">votre portail des casinos en ligne. Retrouvez sur notre site une selection des meilleurs Casinos en ligne. Ici vous trouverez tout ce qu'il vous faut pour vous amusez de longues heures que ce soit en mode "Fun" ou bien "Réel</span>
</p>
<p class="site"><a href="http://www.casino-partouche.com/index.php3?idaffiliation=40345">
<img src="img-casino/casino-partouche/logo.gif" alt="Casino Partouche" /></a>
<a href="http://www.casino-partouche.com/index.php3?idaffiliation=40345">
<span class="liens">Casino Partouche</span></a>
<span class="bonus">Bonus de 100% lors de votre 1er dépôt</span><br />
<span class="texte-casino">Le numéro 1 des Casino français vous propose plus de 100 jeux de casino. Le seul Casino a vous offrir deux versions sans telechargements pour jouer à la roulette, blackjac, baccarat, machine a sous, poker, video poker etc...</span>
</p>
<p class="site"><a href="http://banner.scasino.com/cgi-bin/redir.cgi?id=N&member=casinoagogo&profile=jdcv&lang=fr">
<img src="img-casino/casino-iog/swiss-casino/logo.gif" alt="Swiss Casino" /></a>
<a href="http://banner.scasino.com/cgi-bin/redir.cgi?id=N&member=casinoagogo&profile=jdcv&lang=fr">
<span class="liens">Swiss Casino</span></a>
<span class="bonus">Bonus de 400 Euros lors de votre 1er dépôt</span><br />
<span class="texte-casino">Swiss Casino a les 61 meilleurs jeux, ainsi que des machines à sous d un graphisme et avec un son impressionnants qui vous garantissent une expérience unique dans le monde des Casino en ligne.</span>
</p>
<p class="site"><a href="http://banner.goldenpalace.com/cgi-bin/redir.cgi?id=N&member=cancer&profile=gpfrencheu">
<img src="img-casino/casino-blasters//casino-golden-palace/logo.gif" alt="Casino Golden Palace" /></a>
<a href="http://banner.goldenpalace.com/cgi-bin/redir.cgi?id=N&member=cancer&profile=gpfrencheu">
<span class="liens">Golden Palace</span></a>
<span class="bonus">Bonus de 200% lors de votre 1er dépôt</span><br />
<span class="texte-casino">Un casino incontournable sur le net. des graphismes époustouflants ainsi qu'une ambiance chaleureuse. Plus de 40 jeux au choix. Faites vos jeux dans l'un des plus celèbres Casino en ligne.</span>
</p>
<p class="site"><a href="http://banner.monacogoldcasino.com/cgi-bin/redir.cgi?id=N&member=cancer&profile=french">
<img src="img-casino/casino-pays/monaco-gold/logo.gif" alt="Casino Monaco Gold" /></a>
<a href="http://banner.monacogoldcasino.com/cgi-bin/redir.cgi?id=N&member=cancer&profile=french">
<span class="liens">Monaco Gold</span></a>
<span class="bonus">Bonus de 1000 Euros lors de votre 1er dépôt</span><br />
<span class="texte-casino">70 jeux à découvrir dont les jackpots progressifs, jeux de cartes, de tables ou de video poker. Ce casino vous propose aussi de gagner un voyage à Monaco, sympas non !</span>
</p>
<p class="site"><a href="http://www.888Casino.com/main.cgi?page=fr/index.htm&refererID=504153">
<img src="img-casino/casino-on-net/casino-on-net/logo.gif" alt="Casino on Net" /></a>
<a href="http://www.888Casino.com/main.cgi?page=fr/index.htm&refererID=504153">
<span class="liens">Casino on Net</span></a>
<span class="bonus">Bonus de 200 Euros lors de votre 1er dépôt</span><br />
<span class="texte-casino">Le plus vieux casino en ligne, lancé en 1997 ce casino vous propose tous les jeux de casino que ce soit jeux de table, machines à sous ou bien jeux de cartes. Plus de 5 millions de joueurs ont déjà tenté leur chance.</span>
</p>
<p class="site"><a href="http://banner.casinolasvegas.com/cgi-bin/redir.cgi?id=N&member=casinoagogo&profile=jdcv&lang=fr">
<img src="img-casino/casino-iog/las-vegas/logo.gif" alt="Casino Las Vegas" /></a>
<a href="http://banner.casinolasvegas.com/cgi-bin/redir.cgi?id=N&member=casinoagogo&profile=jdcv&lang=fr">
<span class="liens">Las Vegas</span></a>
<span class="bonus">Bonus de 300 Euros lors de votre 1er dépôt</span><br />
<span class="texte-casino">Plus de 67 jeux peuvent être téléchargés sur Casino Las Vegas. La même expérience qu à Las Vegas, sans quitter la maison. Laissez vous tentez par ces jeux de casino.</span>
</p>
<p class="site"><a href="http://banner.clubdicecasino.com/cgi-bin/redir.cgi?id=N&member=cancer&profile=jdcv">
<img src="img-casino/casino-pays/club-dice/logo.gif" alt="Casino Club Dice" /></a>
<a href="http://banner.clubdicecasino.com/cgi-bin/redir.cgi?id=N&member=cancer&profile=jdcv">
<span class="liens">Club Dice</span></a>
<span class="bonus">Bonus de 500 Euros lors de votre 1er dépôt</span><br />
<span class="texte-casino">Casino en ligne disposant de 10 machines à sous progressives ainsi que des croupières réelles pour les jeux de table et un club VIP. Chaque mois la liste des gagnants de ce Casino en ligne s'alonge, à qui le tour ?</span>
</p>
<p class="site"><a href="http://banner.europacasino.com/cgi-bin/redir.cgi?id=N&member=casinoikki&profile=ecjeu&lang=fr">
<img src="img-casino/casino-partners/europa-casino/logo.gif" alt="Casino Europa" /></a>
<a href="http://banner.europacasino.com/cgi-bin/redir.cgi?id=N&member=casinoikki&profile=ecjeu&lang=fr">
<span class="liens">Europa Casino</span></a>
<span class="bonus">Bonus de 2400 Euros lors de votre 1er dépôt</span><br /> <span class="texte-casino">Ce casino vous suprendra par son bonus énorme.. Retrouvez tous vos jeux de casino en ligne favoris: machine à sous, blackjack, roulette, video poker etc... C'est mon casino en ligne fétiche.</span>
</p>
<p class="site"><a href="http://www.casinogoldenriviera.com/index.asp?BTag=graff3330">
<img src="img-casino/golden-star-network/golden-riviera/logo.gif" alt="Casino Golden Riviera" /></a>
<a href="http://www.casinogoldenriviera.com/index.asp?BTag=graff3330">
<span class="liens">Golden Riviera</span></a>
<span class="bonus">Bonus de 200 Euros lors de votre 1er dépôt</span><br />
<span class="texte-casino">100 jeux parmi lesquels les plus grosses machines à sous progressives. Des millions d' euros à gagner en jackpots. Et bien sur tous vos jeux de casino en ligne favoris. Ce Casino benéficie d'une forte popularité.</span>
</p>
<p class="site"><a href="http://www.kingsolomons.com/FR/trackdownload.asp?casinoID=131&gAID=4621&subGid=0&bannerID=1522">
<img src="img-casino/wager-junction/king-salomon/logo.gif" alt="Casino King Salomon" /></a>
<a href="http://www.kingsolomons.com/FR/trackdownload.asp?casinoID=131&gAID=4621&subGid=0&bannerID=1522">
<span class="liens">King Salomon</span></a>
<span class="bonus">Bonus de 100 Euros lors de votre 1er dépôt</span><br />
<span class="texte-casino">Ce nouveau casino en ligne dispose de machines à sous progressives avec des jeux tout nouveaux. Vous avez aussi la possiblité de jouer au Poker, Bingo et Lotto, alors ne perdez plus de temps, testez le Roi Salomon.</span>
</p>
<div id="footer">
<p class="sitefooter">
<span class="liens">Partenaires: </span>
<a href="http://www.ikki-casino.com"><span class="partners">Casino Bonus</span></a> -
<a href="http://www.top-casino-en-ligne.com"><span class="partners">Casino en ligne</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.jeuxcasino-fr.com"><span class="partners">Jeux Casino Fr</span></a> -
<a href="http://www.casino-du-jour.com/"><span class="partners">Casino du Jour</span></a> -
<a href="http://www.bonus.to"><span class="partners">Online Casinos</span></a><br />
<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> -
<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.globe-casinos.com/"><span class="partners">Globe Casino</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.casinosguide.net/"><span class="partners">Casinos</span></a> -
<a href="http://www.casinosguide-poker.net"><span class="partners">Poker</span></a><br />
<a href="http://www.casinos-en-ligne-france.net"><span class="partners">Casinos en Ligne</span></a> -
<a href="http://www.rapido-casinos.com"><span class="partners">Casino en Ligne</span></a> -
<a href="http://www.30top-casinos-france.net"><span class="partners">Casinos en Ligne Français</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://www.casinos-en-linea-espana.com"><span class="partners">Casinos en Linea</span></a> -
<a href="http://paris.europale.com"><span class="partners">Les Pages Pros Paris</span></a><br />
</p>
</div>
</div>
</body>
</html>
et la Css:
body
{margin: auto;margin-top: 20px;margin-bottom: 20px;background-color: #620000;}
#conteneur
{width:748px;margin:auto;border:1px solid #000000;background:#990000;}
#header
{height:60px;margin-bottom:10px}
#droite
{width:140px;float:right;margin-right:5px;margin-left:10px;margin-bottom:10px;margin-top:10px;border:1px solid #000000;}
#gagnant1
{width:125px;margin-right:10px;margin-left:10px;padding:3px;background-color: #620000;border:1px solid #000000;margin-bottom:20px;color: #FFFF00;font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-align: left;}
#gagnant2
{width:125px;margin-right:10px;margin-left:10px;padding:3px;background-color: #620000;border:1px solid #000000;margin-bottom:20px;color: #FFFF00;font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-align: left;}
#gagnant3
{width:125px;margin-right:10px;margin-left:10px;padding:3px;background-color: #620000;border:1px solid #000000;margin-bottom:20px;color: #FFFF00;font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-align: left;}
#menu
{width:125px;margin-right:10px;margin-left:10px;padding:3px;background-color: #620000;border:1px 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;}
.site
{margin-left:10px;margin-right:10px;height:60px;background:#990000;text-align:left;}
.sitefonce
{margin-left:10px;margin-right:10px;height:60px;background:#620000;text-align:left;}
.sitefooter
{margin-left:10px;margin-right:10px;text-align:left;margin-bottom:10px;}
.site img
{float:left;margin-right:10px;margin-bottom:10px;}
.site span
{margin-left:0px;}
.titre-gagnant
{color: #ffffff;font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: bold;text-align: left;}
.casino-bonus
{color: #F0FF00;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-align: left;}
.gain
{color: #00FF00;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-align: left;}
#conteneur a:hover
{background-color: #000000;}
.liens
{color: #ffffff;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-decoration: none;}
.liensmenu
{color: #ffffff;font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-decoration: none;}
.navigation
{color: #ffcc00;font-family: Arial, Helvetica, sans-serif;font-size: 15px;font-weight: bold;text-decoration: none;}
.partners
{color: #ffcc00;font-family: Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;}
.sitepartners
{color: #ffffff;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-decoration: none;}
.bonus
{color: #00FF00;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-align: left;}
.texte-casino
{color: #FFFF00;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
.carre
{margin-right:10px;margin-left:15px;margin-bottom:20px;}
.logo
{float: left;margin-right:0px;}
.ban
{float: left;}
#footer
{height:40px;background:#990000;}
par contre là ou je trouve que le problème est insolluble c'est que la hauteur de ce menu (à droite) n'est pas la même entre ie et mozilla.
