28172 sujets

CSS et mise en forme, CSS3

Css ok en local mais pas en ligne

Bonjour à tous !

J'ai un souci sur un site que je crée :
En local parfait aucun souci sur aucun navigateur enfin sauf IE6 mais bon c'est une autre histoire...
Et quand j'upload le tout le css est bien pris en compte car je vois mon centrage etc mais la proportion du footer n'est pas respectée !

Voici le code html 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>

<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see  www.w3.org"  />
<title></title>
<meta name="title" content="" />
<meta name="Author" content="" />
<meta name="Category" content="" />
<meta name="Copyright" content="" />
<meta name="language" content="french" />
<meta name="Description" content="                   " />

<meta name="keywords" content="                         " />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="fr" />
<meta name="Rating" content="General" />
<meta name="robots" content="all" />
<meta name="google-site-verification" content="JDXzp4M1K0QkC1ZKaTty1JyhbR4Ab-FXCc2z2I7COhQ" />
<link rel="icon" type="image/png" href="icon.gif" />

<style type="text/css" media="screen">
@import url("style.css");
</style>

<script type="text/javascript" src="swfobject/swfobject.js">
</script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-15284362-1");
pageTracker._trackPageview();
} catch(err) {}</script>

<script type="text/javascript">
function iPhoneAlert() {
if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.
match(/iPod/i))){
var question = confirm("Souhaitez-vous naviguer sur le site optimisé pour iPhone?")
if (question){
window.location = "/";
}else{

}
}
}
</script>
<script type="text/javascript">  swfobject.registerObject("myId", "9.0.0", "swfobject/expressInstall.swf");    </script>
</head>
<body onload="iPhoneAlert ();">

<div id="horizon">
<div id="foot"></div>
<div id="container">
<div id="flashcontent">   
  <object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1000" height="600"><param name="movie" value="index.swf" />

<object type="application/x-shockwave-flash" data="index.swf" width="1000" height="600"><!--<![endif]-->
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="swfobject/noflash.jpg" alt="Obtenez Adobe Flash player" /></a></p>
<!--[if !IE]>--></object> <!--<![endif]--></object></div>

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

Merci de toute l'aide que vous pourrez m'apporter Smiley smile
Modifié par stevefigueras2 (17 Mar 2010 - 09:03)
Salut et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

Bonne continuation Smiley smile

upload/1-code.gif
Et voilà 


body {
overflow : hidden;
color : white;
background-color : #c0baba;
margin : 0;
}
#horizon {
color : white;
text-align : center;
position : absolute;
top : 45%;
left : 0;
width : 100%;
height : 0;
}
#container {
font-family : Verdana, Geneva, Arial, sans-serif;
background-image : url(lateral.gif);
background-repeat : repeat-x;
position : absolute;
top : -300px;
width : 100%;
height : 600px;
visibility : visible;
}
#foot {
background-color : #948d8e;
position : absolute;
width : 100%;
height : 600px;
visibility : visible;
}
#flashcontent {
font-family : Verdana, Geneva, Arial, sans-serif;
margin-left : -500px;
position : absolute;
left : 50%;
width : 1000px;
visibility : visible;
}
Sujet clos
Aller à