Problème avec mon site sur Firefox sur le forum Création de sites web - 19-04-2006 19:38:19

ROYAL16

Niveau 8

19 avril 2006 à 19:38:19

Salut,
Alors voilà j´ai un problème avec mon site que j´ai fais en XHTML et avec une feuille de style CSS.
Il fonctionne très bien avec IE mais dès que je le test sur Firefox, le résultat est beaucoup moins beau. mes objets sont pas positionnés à la bonne place! voilà le liens
http://www.lutix.ze.cx

Pouvez vous m´aider? et me dire pourquoi un tel résultat? et comment y remiédier?

mr_monkey

Niveau 10

19 avril 2006 à 19:40:30

En fait le truc c´est que css de IE ce n´est pas très valide ... donc ce que tu crois etre bien sous IE va s´afficher merdiquement sur tout les autres navigateurs potables .. donc en gros : vire cette bouse d´IE, ne développe pas tes sites dessus autrement tu vas au devant de jolis problemes.

ROYAL16

Niveau 8

19 avril 2006 à 19:41:25

Voici le code XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans
itionnal//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition
nal.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="fr">
<head>
<title> ..::LutiX::.. </title>
<link rel="StyleSheet" href="css.css" type="text/css" media="all" />
</head>

<body>

<div id="message_changeant">
<SCRIPT language = "JavaScript">
today = new Date();
todayy = today.getDay();
if ( todayy == 0 )
{
document.write(´Reposez-vous bien demain...travail´);
}
if ( todayy == 1 )
{
document.write(´Un peu de courage en ce début de semaine´);
}
if ( todayy == 2 )
{
document.write(´Vous êtes fatigués, pensez au week-end qui se rapproche´);
}
if ( todayy == 3 )
{
document.write(´Déjà le milieu de la semaine´);
}
if ( todayy == 4 )
{
document.write(´Encore un petit effort, on y est presque´);
}
if ( todayy == 5 )
{
document.write(´Ce soir on est en week-end´);
}
if ( todayy == 6 )
{
document.write(´Profitez bien du week-end, le prochain est prévu dans une semaine...´);
}
</SCRIPT>
</div>

<div class="indexmenu"><marquee Direction=up height="300px" width="200px" ><h4>Bienvenue sur <b>LutiX</b>.ze.cx<h4></marquee> </div>

data-data-data-data-data-data-data-data-data-data-
data-data-data-data-data-data-data-data-data-data-
data-data-data-data-ata-data-data-data-data-data-d
ata-data-data-data-data-data-data-data-data-data-d
ata-data-data-data-data-data-data-data-data-data-d
ata-data-data-data-data-data-data-data-data-data-d
ata-data-data-data-data-data-data-data-data-data-d
ata-data-data-data-data-data-data-data-data-data-d
ata-data-data-data-data-data-data-data-data-data-d
ata-data-data-data-data-data-data-data-data-data-d
ata-data-data-data-data-data-data-data-data-data-d
ata-data-data-data-data-data-data-data-data-data-

data-data-data-data-data-data-data-data-data-data-
data-data-data-data-data-data-data-data-data-data-
data-data-data-data-data-data-data-data-data-data-
data-data-data-data-data-data-data-data-data-data-
data-data-data-data-data-data-data-data-data-data-
data-data-data-data-data-data-data-data-data-data-
data-data-data-data-data-data-data-data-data-data-
data-data-data-data-data-data-data-data-data-data-
data-data-data-data-data-data-data-data-data-data-
data-data-data-data-data-data-data-data-data-data-
data-data-data-data-data-data-data-data-data-data-
data-data-data-data-data-data-data-data-data-data-

data-data-data-data-data-data-data-data-data-data-
data-data-data-data-data-data-data-data-data-data-
data-data-data-data-
</div>
</div>

<div id="compteur">
<center>

<script type="text/javascript">var dominocounter_a = "lutix";</script>
<script type="text/javascript"
src="
http://www.dominocounter.net/webcounter.js"><
/script>

</center>
</div>

<center>
<div id="copyrights">
:: Copyrights Lutix :: ©2006 ::
</div>
</center>

</div>
</body>
</html>

Et voici le CSS

body
{
margin: 0;
text-align: center;
background-color: black;
}

global

{
position:relative;
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: left;
}

texte a:link

{
color:blue;
}

texte a:visited

{
color:blue;
}

texte a:hover

{
color:black;
text-decoration: none;
background-color:yellow;
}

data

{
margin-top: -40px;
width:884px;
background-color:black;
}

texte

{
margin-top: 37px;
margin-left:25%;
background-color:white;
margin-right:8%;
font-size:20px;
font-family:Times new roman;
}

.menu_top
{
position:absolute;
top:-45px;
left:82px;
margin:0px;
padding:0px;
list-style-type:none;
border:0px dotted silver;
}

li.menu_top
{
position:relative;
display:inline;
width:90px;
float:left;
border-right:1px solid white;
line-height:20px;
}

.menu_top a
{
font-family:arial;
color:white;
font-weight:bold;
font-size:8pt;
text-decoration:none;
text-align:center;
border:0px red dashed;
display:block;
}

.left
{
position:relative;
display:inline;
width:90px;
float:left;
border-left:1px solid white;
line-height:20px;
}

.on
{
background-color:#003399;
}

a:hover
{
background-color:yellow;
color:black;

}

.menu
{
Position: absolute;
width: 150px;
top: 250px;
left: 0px;
border-top:2px solid black;
}

.indexmenu
{
Position: absolute;
width: 150px;
top: 244px;
left: 0px;
}

marquee
{
color:white;
background-color:#242424;
text-align:center;
border:1px solid white;
}

message_changeant

{
position:absolute;
margin-top:212px;
margin-left:221px;
color:white;

}

copyrights

{
color:white;
margin-left:100px;
margin-top: 50px;
}

logo

{
position:absolute;
margin-left:0px;
margin-top:-125px;
}

compteur

{
position:absolute;
margin-left:60px;
margin-top:8px;
}

compteur a:hover

{
background-color:white;
}

mailto

{
position:absolute;
margin-left:222px;
margin-top:-90px;
}

mailto a:hover

{
color:black;
text-decoration:none;
}

mailto a:visited

{
color:blue;
}

ROYAL16

Niveau 8

19 avril 2006 à 19:42:47

Mr_Monkey --> Oué mais je peux pas faire un site sous firefox alors que la plupart des gens utilisent IE?

--Rpgmaster--

Niveau 10

19 avril 2006 à 19:48:41

1)On va pas regarder tout ton code source

2)Si ça marche sur firefox, ça marchera presque sur IE donc tu devra adapter. le mieux c´est de proposer de telecharger firefox.

ROYAL16

Niveau 8

19 avril 2006 à 19:51:12

Oué mais je voulais juste que vous vouyiez si j´ai fais ou non avec la bonne manière!