18041 sujets

Questions générales et questions de débutants

Decalle sur safari

Bonjour, voila j'ai un probleme avec safari et 2, 3 autre navigateur, tout va bien sur opéra Mozilla IE et chrome mon probleme sur safari c'est que le body et bien centré mais les icones par dessus son decallé sur la gauche, c'est icône son placé en css avec "margin" comme cela :
@charset "utf-8";
#nom de l'icone {
	position: absolute;
	margin-left: 156px;
	margin-top: 111px;

biensur j'ai essayé de changer absolute en mettant relative fixed ect...
ça ne marche pas voila en gros comment est structuré le site (je suis débutant j'imagine que c'est le bordel):
<html>
<head>
<title>nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href=".." rel="stylesheet" type="text/css">
<link href=".." rel="stylesheet" type="text/css">
<link href=".." type="text/css">
<link href=".."text/css">
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<div align="center">
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('../divertissement/logo/images/........png)">

<!-- Save for Web Slices (nom.psd) -->
<a href="..." onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','../..//,1)"></a><a href="..." target="_blank" onMouseOver="MM_swapImage('ksudoku','','../../...png',1)" onMouseOut="MM_swapImgRestore()"></a><a href="..../" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(onMouseOut="MM_swapImgRestore()"></a>
 <select name="select" id="select" onchange="document.location.href = this.value;">
 <option>categories</option> 
<option value="../../index.html">Acceuil</option>
<option value="../actualite/actu.html">Actualité</option>
<option value="../annonce/annonce.html">Annonce</option>
<option value="../divertissement/divertissement.html">Divertissement</option>


        </select>

<a href="..." onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage...></a><img src="../images/nom.gif" width="644" height="571" alt="">
<!-- End Save for Web Slices -->
</body>
</div>
</html>


voila j'ai effacé les nom ect pour faire plus court, les fameux logos sont en rollover et le "select" c'est pareille
les margins sont respecté mais elle commence a partir de tout a gauche alors que le fond lui prend la div align center apparemment c'est cet div qui ne marche pas sur les logo j'ai aussi essayé <center> c'est la meme mais comme je vous dit tout va bien sur chrome mozzila IE et opera je sais pas si tres claire.
Merci de votre reponse [/i][/i][/i][/i][/i][/i]
Modifié par 6l20 (03 Feb 2014 - 13:57)
Bonjour,

Merci d'utiliser le balisage prévu pour présenter votre code, afin d'en faciliter la lecture.
Pour information, cela m'étonnerait grandement que "tout aille bien sur Opéra, Firefox, IE ou même Chrome", ces navigateurs se débrouillent mieux avec vos erreurs que les autre, voilà tout.

Votre document HTML utilise t-il une déclaration de type de document (DOCTYPE) ?

Tous vos éléments doivent se trouver dans le corps du document, entre les balises <body></body>, pas en dehors.

Il serait judicieux avant de vous lancer dans cette passionnante aventure, d'en apprendre les rudiments, je vous encourage vivement à fréquenter la section Apprendre de notre site (tutoriels pour débuter, Astuces, Articles, outils, conseils de lecture)

Bon courage.
Sujet clos
Aller à