Affichage différent Firefox/IE par Nibdok - page 1

j'ai tout revérifié 20 fois, le chemin est bon (même que quand on envoie lapage sous firefox y'a une icone montrant qu'il ya bien une image en chargement mais elle disparait et y'a pas d'image), pas de prob d'antislash, donc franchement je vois pas....je vous met les codes pour si vous avez le temps d'y jeter un oeil... les premières lignes ne gèrent que le design...

<html>
<head>
<title>Shonen Spirit ! LE site Manga...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="design naruto" href="format.css" />
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Tableau_01" width="800" height="1801" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="13">
<img src="images/hheader.gif" width="800" height="9" alt=""></td>
</tr>
<tr>
<td colspan="13">
<img src="images/ban.JPG" width="800" height="178" alt=""></td>
</tr>
<tr>
<td rowspan="17">
<img src="images/tranchemenug.gif" width="47" height="1613" alt=""></td>
<td>
<a href="kyoacc.html"><img src="images/images/kyoll.gif" width="63" height="14" alt=""></a></td>
<td colspan="3" rowspan="2">
<img src="images/kyol_01.gif" width="77" height="50" alt=""></td>
<td rowspan="5">
<img src="images/designsite2_06.gif" width="13" height="99" alt=""></td>
<td>
<img src="images/gtol.gif" width="76" height="14" alt=""></td>
<td rowspan="5">
<img src="images/designsite2_08.gif" width="57" height="99" alt=""></td>
<td>
<img src="images/opl.gif" width="142" height="14" alt=""></td>
<td rowspan="5">
<img src="images/designsite2_10.gif" width="49" height="99" alt=""></td>
<td>
<a href="hxhacc.html"><img src="images/images/hxhl.gif" width="67" height="14" alt=""></a></td>
<td rowspan="5">
<img src="images/designsite2_12.gif" width="76" height="99" alt=""></td>
<td>
<a href="narutoacc.html"><img src="images/images/narul.gif" width="133" height="14" alt=""></a></td>
</tr>
<tr>
<td>
<img src="images/designsite2_14.gif" width="63" height="36" alt=""></td>
<td rowspan="4">
<img src="images/designsite2_15.gif" width="76" height="85" alt=""></td>
<td rowspan="4">
<img src="images/designsite2_16.gif" width="142" height="85" alt=""></td>
<td rowspan="4">
<img src="images/designsite2_17.gif" width="67" height="85" alt=""></td>
<td rowspan="4">
<img src="images/designsite2_18.gif" width="133" height="85" alt=""></td>
</tr>
<tr>
<td colspan="2">
<a href="index.html"><img src="images/images/accl.gif" width="87" height="18" alt=""></a></td>
<td colspan="2">
<img src="images/acc_01.gif" width="53" height="18" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/scanl.gif" width="131" height="14" alt=""></td>
<td rowspan="14">
<img src="images/designsite2_22.gif" width="9" height="1545" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/foiruml.gif" width="131" height="17" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/teaml.gif" width="131" height="14" alt=""></td>
<td colspan="8" rowspan="12">

</tr>
<tr>
<td colspan="3">
<img src="images/recrul.gif" width="131" height="17" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/designsite2_27.gif" width="131" height="24" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/ostl.gif" width="131" height="16" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href="wall.html"><img src="images/walllll.gif" width="131" height="15" alt=""></a></td>
</tr>
<tr>
<td colspan="3">
<img src="images/fanartl.gif" width="131" height="14" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/avatarl.gif" width="131" height="14" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/colol.gif" width="131" height="14" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/fanficl.gif" width="131" height="16" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/designsite2_34.gif" width="131" height="39" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href="contact.html"><img src="images/contactl.gif" width="131" height="21" alt=""></a></td>
</tr>
<tr>
<td colspan="3">
<img src="images/designsite2_36.gif" width="131" height="1310" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="47" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="63" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="24" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="44" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="9" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="76" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="57" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="142" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="49" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="67" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="76" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="133" height="1" alt=""></td>
</tr>
</table>

<div id="corps">
<p><b><br/><h1>Bienvenue sur Shonen-Spirit</h1></p><br/>
<p><h2><img src="icones\const2.gif"alt=""title=""><br/><br/>Le site est actuellement en construction...</h2></p>
<p>
------------------------------------------------------------------------------------------------------------------------
<span class="avatargauche">
<img src="avateam\avanib.gif"alt=""title=""></span><br/><br/><br/>
C'est avec émotion que je vous annonce la mise en ligne de la section Wallpapers...<br/>
Après moults efforts et péripéties, le site commence à prendre forme et ça fait plaisir...surtout à vous j'espère même si à
mon avis vous devez être encore pour le moment très peu nombreux à le connaître<img src="icones\smileys-gif-1133.gif"alt=""title="">.
Peut-être que bientôt vous serez deux de plus....re-<img src="icones\smileys-gif-1133.gif"alt=""title=""><br/>
Régalez vous de tous ces beaux walls... nous en rajouterons dès que possible....<br/>
Amis d'la nuit, Bonne Nuit !!!!<br/><br/><br/>
<br/>------------------------------------------------------------------------------------------------------------------------<br/>
<span class="post"> <b>>>Posté le 8 Mai 2006 à 1h05 par Nibdok<<</b> </span>
<br/><br/>------------------------------------------------------------------------------------------------------------------------
<span class="avatargauche">
<img src="avateam\avanib.gif"alt=""title=""></span><p>
Je vous invite pour le moment à consulter le site sous Internet Explorer,
nous rencontrons encore des problèmes en ce qui concerne l'affichage du site sous Firefox...
<br/>Merci de votre compréhension...<br/>
Nous espérons pouvoir très prochainement satisfaire toute votre soif de mangas,
et vous souhaitons d'agréables moments sur ce site dédié à l'univers de Luffy, Naruto,
Kyo Eikichi et Gon...pour ne citer qu'eux...
Ce site est destiné à partager les mangas que nous adorons
(enfin, j'espère <img src="icones\smileys-gif-1133.gif"alt=""title="">) et nous espérons qu'il durera longtemps !!!!
Alors souhaitons lui longue vie...<br/><br/><br/>
<br/>------------------------------------------------------------------------------------------------------------------------<br/>
<span class="post"> <b>>>Posté le 5 Mai 2006 à 12h08 par Nibdok<<</b> </span></p>

</div>
</body>
<div id="partopt"><a href="http://opt.team.free.fr/"><img src="partenaire\opt.jpg"alt=""title="One Piece Trad">
</a>
</div>
<div id="page"><p> <a href="index.html"> 1 </a>>></p>
</div>

</html>

body
{
background-color: gray;
}
#corps
{
margin-left: 187px;
margin-top: -1515px;
padding: 5px;
margin-right: 0px;
color: rgb(61,70,160);
background-image: url("images\gcorps.gif");
background-repeat:repeat-x;
height:1515px;
overflow:none;
width: 613px;
padding-left: 4px;
padding-right: 6px;
}
p
{
font-family: Verdana, Anime Ace, Times;
color: black;
font-size: 10px;
}
h1
{
text-align:center;
font-family: Anime Ace, Times;
color: black;
font-size: 18px;
}
a
{
text-decoration: none;
color: black;
}
a:hover
{
color: none;
text-decoration: none;
}
a img
{
border: none;
}
#sortie
{
width:200px;
height:300px;
margin-left: 800px;
background-image: url("images\sortie.gif");
margin-top:-800px;
text-align: center;
}
.sorty p
{
color: white;
font-family: 911 porscha, Anime Ace, Times;
font-size:10px;
}
#image
{
margin-left: 0px;
margin-top:75px;
}
.avatargauche
{
float: left;
}
#page
{
margin-left:450px;
margin-top: 1200px;
}
#partopt
{
margin-top: -1260px;
margin-left: 50px;
}
.post
{
float: right;
font-family: Verdana;
font-size: 10px;
}
h2
{
text-align: center;
font-family: Anime Ace, Times;
color: black;
font-size: 12px;
}

ça vient peut-être de l'organisation de ma page en elle-même je sais pas...

Nibdok

3 mai 2006 à 7:42:53

Voilà, lorsque je mets une image en fond elle apparaît sous IE et pas sous firefox...
comment puis-je réglé ce problème?

Thunderseb

3 mai 2006 à 7:54:03

C'est quoi ton code ? tu veux positionner l'image dans le bas de l'écran ?

Ma vraie biographie - Ex-Manager de la Validation sur le Site du Zéro - sdlm.be - Horus.aero

8 mai 2006 à 1:28:27

je mets
#corps
{
background-image : url("fihdfid");
}
et sous IE l'image apparait et pas sous firefox

ça me fait la même chose lorque je mets une image dans un paragraphe!!!!
comparez vous mêmes si je m'explique mal
www.membres.lycos.fr/jakoko75

mick3y

8 mai 2006 à 2:33:48

Il faut une extension à ton image. Donc un .JPG ou .GIF.

8 mai 2006 à 11:16:57

je sais je l'ai mis l'extension ( c'était juste un exemple) mais est-ce qu'il faut des extension .jpg et .gif ou .JPG et .GIF
?????

strucky

8 mai 2006 à 11:33:05

Slt,

Ca fonctionne dans tous les cas, mais mieux vaut mettre en minuscule.

background-image: url("images\gcorps.gif");

Tu as mis un antislash à la place d'un slash.

Pense à changer d'hébergeur parce que lycos :pirate:

Corentin_

8 mai 2006 à 11:33:21

c'est indifférent normalement mais il vaut mieux mettre .jpg ou .gif
le chemin de l'image est-il bon ?

EDIT : Strucky a tout dit

8 mai 2006 à 11:45:40

8 mai 2006 à 11:49:20

Citation : strucky

Tu as mis un antislash à la place d'un slash.

8 mai 2006 à 12:13:31

oki j'ai compris
désolé lol
merci j'essaie

edit : ça marche parcontre y'a encore des différences de position pour les images!!!!!! et les blocks!!!!

10 mai 2006 à 19:20:05

sous firefox et sous IE les images ne sont pas à la même place et je sais pas pourkoi!!!!!!
help
plize :euh:

Anonyme

10 mai 2006 à 19:23:16

Normal,IE et firefox ne gère pas les block ( tailles et compagnies ) de la même facon donc il y a des différence de rendus

11 mai 2006 à 20:34:01

alors comment je fais!!!!?????????????
snif... o_O

Affichage différent Firefox/IE

Affichage différent Firefox/IE

Supprimer

Modérer

Signaler le message aux modérateurs