Salut à tous, je suis nouveau sur ce Forum, apres avoir suivi un peu partout les technique du CSS, je me suis mis à coder mon site-web ( en raport avec counter strike).
J'ai alors un gros couis, c'est que apres pas mal d'heures de boulot, mon travail sembler tres bien partit jusqu'au moment ou j'ai voulu regarder avec Firefox, et là, des gros décalage de textes, d'images et de boites aparraisent alors que sous IE, tous semble impécable. De là, j'ai chercher ... mais sans réponse au bout de pas mal d'heures d'essaie.
Si quelqu'un peut m'aider :
Mon site en cours de codage :
-http://www.5degres.com/V2/ (impecable sous IE, mais pas du tout sous Firefox)
CSS :
Index.php :
Modifié par m4g59 (07 Oct 2007 - 17:32)
J'ai alors un gros couis, c'est que apres pas mal d'heures de boulot, mon travail sembler tres bien partit jusqu'au moment ou j'ai voulu regarder avec Firefox, et là, des gros décalage de textes, d'images et de boites aparraisent alors que sous IE, tous semble impécable. De là, j'ai chercher ... mais sans réponse au bout de pas mal d'heures d'essaie.
Si quelqu'un peut m'aider :
Mon site en cours de codage :
-http://www.5degres.com/V2/ (impecable sous IE, mais pas du tout sous Firefox)
CSS :
body { background-color: #ffffff; color: #5d665b; font-family: Verdana, Geneva, Arial, sans-serif; font-size: 11px; }
br {line-height:4px;}
#smenu1, #smenu2, #smenu3, #smenu4 {
font-size: 11px; width: 400px; top: 316px; left: 20px; width: 729px; height: 27px; text-align:center; font-weight: bold; position : absolute; color: #E6E6E6;
}
#menu {
position : absolute;
left: 136px;
top: 288px;
}
.centrage
{
position: absolute;
width:960px;
left: 50%;
margin-top: -15px;
margin-left: -480px;
}
/* [ DEBUT] Les LIENS ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
a img { border: 0; }
a:link { color: #404040; text-decoration: none; background-color: transparent }
a:visited { color: #404040; text-decoration: none; background-color: transparent }
a:hover { color: #404040; text-decoration: underline; background-color: transparent }
a:active { color: #404040; text-decoration: underline; background-color: transparent }
a.block2:link { color: #404040; text-decoration: none; background-color: transparent }
a.block2:visited { color: #404040; text-decoration: none; background-color: transparent }
a.block2:hover { color: #404040; text-decoration: none; background-color: transparent }
a.block2:active { color: #404040; text-decoration: none; background-color: transparent }
a.menu:link { color: #E6E6E6; text-decoration: none; background-color: transparent }
a.menu:visited { color: #E6E6E6; text-decoration: none; background-color: transparent }
a.menu:hover { color: #E6E6E6; text-decoration: underline; background-color: transparent }
a.menu:active { color: #E6E6E6; text-decoration: underline; background-color: transparent }
/* [ FIN ] Les LIENS -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* [ DEBUT] Les BOITES --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
div.welcome { color: #000000; background-color: #FDA424; padding: 0px 0px 0px 0px; margin-left: 0px; position: absolute; top: 0px; left: 0px; width: 960px; height: 25px; }
div.header { color: #000000; background: url(images/header.jpg) no-repeat; padding: 0px 0px 0px 0px; margin-left: 12px; margin-top: 12px; position: absolute; top: 25px; left: 0px; width: 746px; height: 341px;}
div.boite_central { color: #000000; background-color: #F3F3F3; margin-left: 12px; position: absolute; top: 390px; left: 0px; width: 417px; }
div.boite_interm { color: #000000; background-color: #ffffff; padding: 0px 0px 0px 0px; margin-left: 12px; position: absolute; top: 390px; left: 431px; width: 315px; }
div.boite_droite{ color: #000000; background-color: #ffffff; padding: 0px 0px 0px 0px; margin-left: 12px; position: absolute; margin-top: 12px; top: 25px; left: 759px; width: 189px; }
/* [ FIN] Les BOITES ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* [ DEBUT] Les IMAGES -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
div.sub_main_block1 { width:417px; height:19px; background: url(images/sub_main_block1.jpg) no-repeat; margin:0px 0px 0px 0px; display:block;}
div.sub_main_block2 { width:315px; height:19px; background: url(images/sub_main_block2.jpg) no-repeat; margin:0px 0px 0px 0px; display:block;}
div.sub_main_block3 { width:175px; height:18px; background: url(images/sub_main_block3.jpg) no-repeat; margin:0px 0px 0px 0px; display:block;}
div.sub_main_block3bis { width:175px; height:20px; background: url(images/sub_main_block3bis.jpg) no-repeat; margin:9px 0px 0px 0px; display:block;}
div.sub_main_block3ter { width:175px; height:20px; background: url(images/sub_main_block3ter.jpg) no-repeat; margin:9px 0px 0px 0px; display:block;}
div.sub_main_back1 { width:417px; height:90px; background: url(images/sub_main_back1.jpg) no-repeat; margin:0px 0px 0px 0px; display:block; }
div.sub_main_back2 { width:315px; height:40px; background: url(images/sub_main_back2.jpg) no-repeat; margin:5px 0px 15px 0px; display:block; }
div.sub_main_back3bis { width:175px; height:10px; background: url(images/sub_main_back3bis.jpg) no-repeat; margin:0px 0px 0px 0px; display:block; }
div.menu_1 { width:315px; height:40px; margin:5px 0px 15px 0px; display:block; top: 50px; left: 50px; }
#miniature { margin:4px 5px 0px 2px; width:36px; height:16px; float: left;}
#content_mainnews { margin:0px 0px 10px 10px; width:390px; height:100px;}
/* [ FIN] Les IMAGES ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* [ DEBUT] Les TEXTES --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.content_categorie { color:#606060; font-size:11px; font-weight: bold; padding: 0px 0px 0px 15px;}
.content_titre { color:#000000; font-size:15px; font-weight: bold; padding: 0px 0px 0px 15px; }
.content_contenue { color:#000000; font-size:11px; padding: 0px 0px 0px 15px; }
.content_moreview { color:#000000; font-size:11px; padding: 0px 15px 0px 15px; text-align:right;}
.titre_blocks { color:#ffffff; font-size:11px; padding: 2px 0px 0px 48px; }
.titre_back { color:#404040; font-size:10px; padding: 5px 0px 0px 20px; }
.titre_news_blocks { color:#404040; font-size:11px; padding: 6px 0px 0px 0px; float: left;}
.nb_comment { color:#404040; font-size:11px; padding: 7px 2px 0px 0px; text-align:right;}
/* [ FIN] Les TEXTES ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
Index.php :
<?php
/** m4g` Apple **/
include ("fonctions.php");
include ("conf.inc.php");
session_start();
include ("stat.php");
include ("accesBDDfast.php");
?>
<html>
<head>
<title>5 degres - www.5degres.com - #5°</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='inline';}
}
//-->
</script>
</head>
<body>
<div class="centrage">
<div class="welcome"></div>
<!-- BLOCK HEADER/MENU -->
<div class="header">
<div id="menu">
<span onmouseover="montre('smenu1');"><a href="index.php?#"><img src="images/menu1.jpg"></a> </span>
<span onmouseover="montre('smenu2');"><a href="index.php?#"><img src="images/menu2.jpg"></a> </span>
<span onmouseover="montre('smenu3');"><a href="index.php?#"><img src="images/menu3.jpg"></a> </span>
<span onmouseover="montre('smenu4');"><a href="index.php?#"><img src="images/menu4.jpg"></a> </span>
</div>
<!-- Menu n°1 --><div id="smenu1">
<a href="index.php?#" class="menu">Accueil</a> -
<a href="index.php?#" class="menu">5° News</a> -
<a href="index.php?#" class="menu">Esport News</a> -
<a href="index.php?#" class="menu">Inscription</a> -
<a href="index.php?#" class="menu">Membres</a>
</div>
<!-- Menu n°2 --><div id="smenu2">
<a href="index.php?#" class="menu">Joueurs</a> -
<a href="index.php?#" class="menu">Résultats</a> -
<a href="index.php?#" class="menu">Awards</a>
</div>
<!-- Menu n°3--><div id="smenu3">
<a href="index.php?#" class="menu">Forum</a> -
<a href="index.php?#" class="menu">Contact</a> -
<a href="index.php?#" class="menu">Historique</a> -
<a href="index.php?#" class="menu">Sponsors</a>
</div>
<!-- Menu n°4 --><div id="smenu4">
<a href="index.php?#" class="menu">Vidéos</a> -
<a href="index.php?#" class="menu">Photos</a> -
<a href="index.php?#" class="menu">Nos Créations</a>
</div>
</div>
<!-- FIN-BLOCK HEADER/MENU -->
<!-- BLOCK PRINCIPAL -->
<div class="boite_central">
<div class="sub_main_block1">
<div class="titre_blocks">NEWS RECENTES</div>
<!-- n°1 --><table border=0 width=100%><tr>
<td><br><br><br><div class="content_categorie"><?php echo $cat_n21 ." / ". $datte_n21; ?></div></td></tr><tr>
<td><div class="content_titre"><?php echo$titre_n21 ?></div></td></tr><tr>
<td><img id="content_mainnews" src="images/bann/<?php echo $bann_n21; ?>.jpg"></td></tr><tr>
<td><div class="content_contenue"><?php echo $content1_n21 ?></div></td></tr><tr>
<td><div class="content_moreview"><a href="index.php?b=news&id=<?php echo $num_n21 ?>">Voir plus [<?php echo $nbreact21; ?>]</a></div></td>
</tr></table>
<hr size=1 width=92%>
<!-- n°2 --><table border=0 width=100%><tr>
<td><br><br><br><div class="content_categorie"><?php echo $cat_n22 ." / ". $datte_n22; ?></div></td></tr><tr>
<td><div class="content_titre"><?php echo$titre_n22 ?></div></td></tr><tr>
<td><img id="content_mainnews" src="images/bann/<?php echo $bann_n22; ?>.jpg"></td></tr><tr>
<td><div class="content_contenue"><?php echo $content1_n22 ?></div></td></tr><tr>
<td><div class="content_moreview"><a href="index.php?b=news&id=<?php echo $num_n22 ?>">Voir plus [<?php echo $nbreact22; ?>]</a></div></td>
</tr></table>
<hr size=1 width=92%>
<!-- n°3 --><table border=0 width=100%><tr>
<td><br><br><br><div class="content_categorie"><?php echo $cat_n33 ." / ". $datte_n33; ?></div></td></tr><tr>
<td><div class="content_titre"><?php echo$titre_n33 ?></div></td></tr><tr>
<td><img id="content_mainnews" src="images/bann/<?php echo $bann_n33; ?>.jpg"></td></tr><tr>
<td><div class="content_contenue"><?php echo $content1_n33 ?></div></td></tr><tr>
<td><div class="content_moreview"><a href="index.php?b=news&id=<?php echo $num_n33 ?>">Voir plus [<?php echo $nbreact33; ?>]</a></div></td>
</tr></table>
</div>
<div class="sub_main_back1"></div>
</div>
<!-- FIN-BLOCK PRINCIPAL -->
<!-- BLOCK INTERMEDIAIRE -->
<div class="boite_interm">
<!-- BLOCK 5° NEWS -->
<div class="sub_main_block2">
<div class="titre_blocks">5° NEWS</div><br>
<!-- n°1 --><img id="miniature" src="images/miniature/$drapeau_n6.jpg">
<div class="titre_news_blocks"><?php echo "<a class=\"block2\" href=\"index.php?b=news&id=".$num_n6."\">".$titre_n6; ?></a></div>
<div class="nb_comment">[<?php echo "$nbreact6"; ?>]</div>
<!-- n°2 --><img id="miniature" src="images/miniature/$drapeau_n5.jpg">
<div class="titre_news_blocks"><?php echo "<a class=\"block2\" href=\"index.php?b=news&id=".$num_n5."\">".$titre_n5; ?></a></div>
<div class="nb_comment">[<?php echo "$nbreact5"; ?>]</div>
<!-- n°3 --><img id="miniature" src="images/miniature/$drapeau_n4.jpg">
<div class="titre_news_blocks"><?php echo "<a class=\"block2\" href=\"index.php?b=news&id=".$num_n4."\">".$titre_n4; ?></a></div>
<div class="nb_comment">[<?php echo "$nbreact4"; ?>]</div>
<!-- n°4--><img id="miniature" src="images/miniature/$drapeau_n3.jpg">
<div class="titre_news_blocks"><?php echo "<a class=\"block2\" href=\"index.php?b=news&id=".$num_n3."\">".$titre_n3; ?></a></div>
<div class="nb_comment">[<?php echo "$nbreact3"; ?>]</div>
<!-- n°5 --><img id="miniature" src="images/miniature/$drapeau_n2.jpg">
<div class="titre_news_blocks"><?php echo "<a class=\"block2\" href=\"index.php?b=news&id=".$num_n2."\">".$titre_n2; ?></a></div>
<div class="nb_comment">[<?php echo "$nbreact2"; ?>]</div>
<!-- n°6 --><img id="miniature" src="images/miniature/$drapeau_n1.jpg">
<div class="titre_news_blocks"><?php echo "<a class=\"block2\" href=\"index.php?b=news&id=".$num_n1."\">".$titre_n1; ?></a></div>
<div class="nb_comment">[<?php echo "$nbreact1"; ?>]</div>
</div>
<div class="sub_main_back2">
<div class="titre_back"><a href="">Plus sur les 5° News</a></div>
</div>
<!-- FIN-BLOCK 5° NEWS -->
<!-- BLOCK ESPORT NEWS -->
<div class="sub_main_block2">
<div class="titre_blocks">ESPORT NEWS</div><br>
<!-- n°1 --><img id="miniature" src="images/miniature/cs1.6.jpg">
<div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
<div class="nb_comment">[24]</div>
<!-- n°2 --><img id="miniature" src="images/miniature/wcg.jpg">
<div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
<div class="nb_comment">[24]</div>
<!-- n°3 --><img id="miniature" src="images/miniature/cs1.6girl.jpg">
<div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
<div class="nb_comment">[24]</div>
<!-- n°4--><img id="miniature" src="images/miniature/cs1.6.jpg">
<div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
<div class="nb_comment">[24]</div>
<!-- n°5 --><img id="miniature" src="images/miniature/cs1.6.jpg">
<div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
<div class="nb_comment">[24]</div>
<!-- n°6 --><img id="miniature" src="images/miniature/cs1.6.jpg">
<div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
<div class="nb_comment">[24]</div>
</div>
<div class="sub_main_back2">
<div class="titre_back"><a href="">Plus sur l'Esport News</a></div>
</div>
<!-- FIN-BLOCK 5° NEWS -->
<!-- BLOCK RESULTAT NEWS -->
<div class="sub_main_block2">
<div class="titre_blocks">RESULTATS</div><br>
<!-- n°1 --><img id="miniature" src="images/miniature/5degres.jpg">
<div class="titre_news_blocks"><a href="index.php?b=result&n=<?php echo $num_6; ?>" class="block2">
<?php if ($score_6 > $score2_6)
{?> <font color="green"><?php echo $eq_6; ?> </font> <b>Vs</b> <font color="red"><?php echo $eq2_6;?></font></a></div><?php } ?>
<?php if ($score_6 < $score2_6)
{?> <font color="red"><?php echo $eq_6; ?> </font> <b>Vs</b> <font color="green"><?php echo $eq2_6;?></font></a></div><?php } ?>
<?php if ($score_6 == $score2_6)
{?> <font color="blue"><?php echo $eq_6; ?> </font> <b>Vs</b> <font color="blue"><?php echo $eq2_6;?></font></a></div><?php } ?>
<div class="nb_comment"><?php echo $score_6; ?><?php echo ":".$score2_6; ?></div>
<!-- n°2--><img id="miniature" src="images/miniature/5degres.jpg">
<div class="titre_news_blocks"><a href="index.php?b=result&n=<?php echo $num_5; ?>" class="block2">
<?php if ($score_5 > $score2_5)
{?> <font color="green"><?php echo $eq_5; ?> </font> <b>Vs</b> <font color="red"><?php echo $eq2_5;?></font></a></div><?php } ?>
<?php if ($score_5 < $score2_5)
{?> <font color="red"><?php echo $eq_5; ?> </font> <b>Vs</b> <font color="green"><?php echo $eq2_5;?></font></a></div><?php } ?>
<?php if ($score_5 == $score2_5)
{?> <font color="blue"><?php echo $eq_5; ?> </font> <b>Vs</b> <font color="blue"><?php echo $eq2_5;?></font></a></div><?php } ?>
<div class="nb_comment"><?php echo $score_5; ?><?php echo ":".$score2_5; ?></div>
<!-- n°3 --><img id="miniature" src="images/miniature/5degres.jpg">
<div class="titre_news_blocks"><a href="index.php?b=result&n=<?php echo $num_4; ?>" class="block2">
<?php if ($score_4 > $score2_4)
{?> <font color="green"><?php echo $eq_4; ?> </font> <b>Vs</b> <font color="red"><?php echo $eq2_4;?></font></a></div><?php } ?>
<?php if ($score_4 < $score2_4)
{?> <font color="red"><?php echo $eq_4; ?> </font> <b>Vs</b> <font color="green"><?php echo $eq2_4;?></font></a></div><?php } ?>
<?php if ($score_4 == $score2_4)
{?> <font color="blue"><?php echo $eq_4; ?> </font> <b>Vs</b> <font color="blue"><?php echo $eq2_4;?></font></a></div><?php } ?>
<div class="nb_comment"><?php echo $score_4; ?><?php echo ":".$score2_4; ?></div>
<!-- n°4--><img id="miniature" src="images/miniature/5degres.jpg">
<div class="titre_news_blocks"><a href="index.php?b=result&n=<?php echo $num_3; ?>" class="block2">
<?php if ($score_3 > $score2_3)
{?> <font color="green"><?php echo $eq_3; ?> </font> <b>Vs</b> <font color="red"><?php echo $eq2_3;?></font></a></div><?php } ?>
<?php if ($score_3 < $score2_3)
{?> <font color="red"><?php echo $eq_3; ?> </font> <b>Vs</b> <font color="green"><?php echo $eq2_3;?></font></a></div><?php } ?>
<?php if ($score_3 == $score2_3)
{?> <font color="blue"><?php echo $eq_3; ?> </font> <b>Vs</b> <font color="blue"><?php echo $eq2_3;?></font></a></div><?php } ?>
<div class="nb_comment"><?php echo $score_3; ?><?php echo ":".$score2_3; ?></div>
<!-- n°5--><img id="miniature" src="images/miniature/5degres.jpg">
<div class="titre_news_blocks"><a href="index.php?b=result&n=<?php echo $num_2; ?>" class="block2">
<?php if ($score_2 > $score2_2)
{?> <font color="green"><?php echo $eq_2; ?> </font> <b>Vs</b> <font color="red"><?php echo $eq2_2;?></font></a></div><?php } ?>
<?php if ($score_2 < $score2_2)
{?> <font color="red"><?php echo $eq_2; ?> </font> <b>Vs</b> <font color="green"><?php echo $eq2_2;?></font></a></div><?php } ?>
<?php if ($score_2 == $score2_2)
{?> <font color="blue"><?php echo $eq_2; ?> </font> <b>Vs</b> <font color="blue"><?php echo $eq2_2;?></font></a></div><?php } ?>
<div class="nb_comment"><?php echo $score_2; ?><?php echo ":".$score2_2; ?></div>
<!-- n°6--><img id="miniature" src="images/miniature/5degres.jpg">
<div class="titre_news_blocks"><a href="index.php?b=result&n=<?php echo $num_1; ?>" class="block2">
<?php if ($score_1 > $score2_1)
{?> <font color="green"><?php echo $eq_1; ?> </font> <b>Vs</b> <font color="red"><?php echo $eq2_1;?></font></a></div><?php } ?>
<?php if ($score_1 < $score2_1)
{?> <font color="red"><?php echo $eq_1; ?> </font> <b>Vs</b> <font color="green"><?php echo $eq2_1;?></font></a></div><?php } ?>
<?php if ($score_1 == $score2_1)
{?> <font color="blue"><?php echo $eq_1; ?> </font> <b>Vs</b> <font color="blue"><?php echo $eq2_1;?></font></a></div><?php } ?>
<div class="nb_comment"><?php echo $score_1; ?><?php echo ":".$score2_1; ?></div>
</div>
<div class="sub_main_back2">
<div class="titre_back"><a href="">Plus sur les Résultats</a></div>
</div>
<!-- FIN-BLOCK 5° NEWS -->
<!-- BLOCK TOP MEDIA -->
<div class="sub_main_block2">
<div class="titre_blocks">TOP MEDIAS</div><br>
<!-- n°1 --><img id="miniature" src="images/miniature/wallpaper.jpg">
<div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
<div class="nb_comment">[24]</div>
<!-- n°2 --><img id="miniature" src="images/miniature/record.jpg">
<div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
<div class="nb_comment">[24]</div>
<!-- n°3 --><img id="miniature" src="images/miniature/wallpaper.jpg">
<div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
<div class="nb_comment">[24]</div>
<!-- n°4--><img id="miniature" src="images/miniature/video.jpg">
<div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
<div class="nb_comment">[24]</div>
</div>
<div class="sub_main_back2">
<div class="titre_back"><a href="">Plus sur les Medias</a></div>
</div>
<!-- FIN-BLOCK TOP MEDIA -->
</div>
<!-- FIN-BLOCK INTERMEDIAIRE -->
<div class="boite_droite">
<div class="sub_main_block3">
<div class="titre_blocks">MEMBRE</div><br>
<?php include ('blocklogin.php') ?>
</div>
<div class="sub_main_block3bis">
<div class="titre_blocks">VIDEO PLAYER</div><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
<div class="sub_main_block3bis">
<div class="titre_blocks">PARTENAIRES</div><br>
<img src="images/sponsor/npserv.jpg">
<img src="images/sponsor/allobnc.jpg">
</div>
</div>
</div>
</div>
</body>
</html>
Modifié par m4g59 (07 Oct 2007 - 17:32)