Bonsoir,
Alors voilà mon problème, c'est la première fois que cela m'arrive et je ne sais vraiment pas d'où provient le problème. J'ai créée ma page lorsque je l'affiche sur IE de chez moi, tout est impec : ici
Alors que lorsque quelqu'un d'autre va dessus avec le m^me exploreur le fond est décalé et le texte sort carement du cadre : ici
Quelqu'un pourrait-il m'aider, de plus j'ai un problème avec firefox, le background est décalé et non centré, le bottom se retrouve en haut : ici
Voilà mes sources :
html :
et css :
Merci d'avance pour votre GRAND cop de pouce. Je nage depuis ce matin :$
Modifié par LouNeY (11 Aug 2007 - 11:24)
Alors voilà mon problème, c'est la première fois que cela m'arrive et je ne sais vraiment pas d'où provient le problème. J'ai créée ma page lorsque je l'affiche sur IE de chez moi, tout est impec : ici
Alors que lorsque quelqu'un d'autre va dessus avec le m^me exploreur le fond est décalé et le texte sort carement du cadre : ici
Quelqu'un pourrait-il m'aider, de plus j'ai un problème avec firefox, le background est décalé et non centré, le bottom se retrouve en haut : ici
Voilà mes sources :
html :
<html>
<head>
<title>Good Night and Good Luck.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="format.css" rel="stylesheet" type="text/css" />
<style type="text/css">
bouton = new Image();
</style>
</head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="fr"></html>
<body>
<div class="global">
<div class="leblocheader"></div>
<div class="leblocconnexion"></div>
<div class="lebloclogin"><div class="login">Bienvenue LouNeY</div> </div>
<div class="leblocconfig">
</br>
</br>
<a href="" class="config">[ Configuration ]</a></div>
<div class="leblocdeco">
</br>
</br>
<a href="" class="deco">[ Déconnexion ]</a></div>
<div class="leblocmenu">
</br>
<div class="menu"><h4>Menu</h4></div>
</br>
</br>
<a href="" class="menu">[ Ligne de Mire ]</a></br>
<a href="" class="menu">[ R.A.T ]</a></br>
<a href="" class="menu">[ Spy² ]</a></br>
<a href="" class="menu">[ Sentinelle ]</a></br>
<a href="" class="menu">[ Xp Diff ]</a></br>
<a href="" class="menu">[ Attack Eclair ]</a></br>
<a href="" class="menu">[ Forum ]</a></br>
<a href="" class="menu">[ Access ]</a></br>
</div>
<div class="lebloccontenu"><div class="texte"><h4>Ligne de mire :</h4>
</br>
Les spécifications et les possibilités des Feuilles de Style en Cascade (Cascading Style Sheets) sont sans cesse actualisées, et les navigateurs également s'adaptent continuellement pour pouvoir faire écho à ce nouveau potentiel. C'est un processus en déroulement, toujours en évolution, que pilotent les membres du W3C (le World Wide Web Consortium).
On peut espérer que les nombreuses différences d'interprétation que nous subissons actuellement finiront par être réduites, sinon éliminées, mais évidemment il y a d'autres facteurs en jeu.
Le concept même de la lecture de pages Web sur un écran d'ordinateur est appelé à changer. On peut déjà voir des pages Web sur des machines qui ne sont pas des ordinateurs, et du contenu transmis par le Web mais qui n'est pas visible par les navigateurs.
Et ce n'est pas fini !
Les entreprises s'acharnent à tenter d'identifier des moyens pour intégrer des fonctions d'interactivité à leurs produits ; les téléphones, les télévisions, les voitures, les réfrigérateurs, les fours à micro-ondes sont tous des cibles privilégiées. Au bout du compte, l'implant cérébral connecté au Web nous reliera tous ensemble, permettant ainsi à la race humaine de parvenir, pour la communication, au même niveau de perfection que les fourmis !
</div></div>
<div class="leblocbottom"></div>
</div>
</body>
</html>et css :
body {
margin: 0;
font-family: tahoma, arial, sans-serif;
font-size: 75%;
text-align:center;
background-image: url('images/fond.jpg');
background-color:#1E1E1E;
background-repeat:no-repeat;
background-float:center;
/*--- scrollbar ---*/
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#CCCCCC;
scrollbar-shadow-color:#FFFFFF;
scrollbar-face-color:#CCCCCC;
scrollbar-highlight-color:#CCCCCC;
scrollbar-darkshadow-color:#999999;
scrollbar-3dlight-color:#CCCCCC;
}
/*------- global --------*/
.global {
width: 801px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
}
/*------------ style de bloc -------------*/
.leblocheader {
margin-right: 0px;
background-image: url('images/header.gif');
margin-top:0px;
width:801px;
height:187px;
}
.leblocconnexion {
width: 801px;
margin-right:0px;
margin-left:0px;
margin-top:-14px;
padding:0px;
text-align:leftr;
}
.lebloclogin {
margin-right: 0px;
background-image: url('images/login.gif');
margin-top:auto;
width: 391px;
height: 56px;
float:left;
}
.leblocconfig {
margin-right: 0px;
background-image: url('images/config.gif');
margin-top:auto;
width: 146px;
height: 56px;
float:left;
}
.leblocdeco {
margin-right: 0px;
background-image: url('images/deco.gif');
margin-top:auto;
width:264px;
height:56px;
float:right;
}
.lebloccontenu {
margin-right: 0px;
background-image: url('images/contenu.gif');
margin-top:0px;
width:651px;
height:333px;
float:right;
}
.leblocmenu {
margin-right: 0px;
background-image: url('images/menu.gif');
margin-top:auto;
width:150px;
height:333px;
float:left;
}
.leblocbottom {
margin-right: 0px;
background-image: url('images/bottom.gif');
margin-top:auto;
width:801px;
height:28px;
}
/*------------ les textes -------------*/
.texte {
text-align: left;
color: #FFFFFF;
margin-top: 20px;
margin-left: 10px;
margin-right: 20px;
font-size: 110%;
text-align:justify;
}
.menu {
text-align: left;
color: #FFFFFF;
margin-top: 20px;
margin-left: 25px;
margin-right: 0px;
font-size: 110%;
text-align:left;
}
.login {
text-align: left;
color: #FFFFFF;
margin-top: 30px;
margin-left: 100px;
margin-right: 0px;
font-size: 110%;
}
.config {
text-align: left;
color: #FFFFFF;
marging-top : 0px;
margin-left: 28px;
margin-right: 0px;
font-size: 100%;
}
.deco {
text-align: left;
color: #FFFFFF;
margin-top: 0px;
margin-left: 28px;
margin-right: 0px;
font-size: 100%;
}
a {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #FC0303;
text-decoration: underline;
} Merci d'avance pour votre GRAND cop de pouce. Je nage depuis ce matin :$
Modifié par LouNeY (11 Aug 2007 - 11:24)
: 
)
