Forums Développement Multimédia

Aller au contenu

Site non centré dans Safari

CODE HTML CSS

10 réponses à ce sujet

#1 e.koo

    Ceinture Bleue

  • Members
  • PipPipPipPipPip
  • 78 messages

Posté 17 March 2012 - 22:40 PM

Bonjour à tous,

Finalement, tout est dans le titre, j'ai un site qui fonctionne très bien sur tous les navigateurs mais qui pose problème sur Safari.

Le site est centré mais sur Safari, il est ferré à droite...

Quelqu'un pourrait m'aider à régler ça ?

D'avance merci

Ema

#2 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 18 March 2012 - 08:57 AM

Salut,

Tu aurais une URL ou un morceau de code ?
"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#3 Ren

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 600 messages

Posté 18 March 2012 - 10:12 AM

Bonjour e.koo,

il serait également interessant de savoir quelle technique tu utilises pour le centrage :

margin ? text-align ? etc..

Ren
---------- anonymation - Studio de création ----------
www.anonymation.com - blog.anonymation.com
---------------------- Projets internes ---------------------
www.mavoiturealouer.com - www.cosplay-it.com

#4 e.koo

    Ceinture Bleue

  • Members
  • PipPipPipPipPip
  • 78 messages

Posté 18 March 2012 - 10:51 AM

Bonjour,

Voici l'url du site (je ne mets pas l'url directement volontairement car je ne veux pas qu'une réponse google pointe vers un forum...)

Et un bout de code :

<style>

#titre{width:751px; margin:0 auto; padding-top:50px}
#conteneur{text-align:center; width:751px; height:auto; margin:0 auto;}
#pied{width:751px; margin:0 auto; padding-top:5px}
</style>

<body bgcolor="#333333" onLoad="preload('images/diapo/d1.jpg','images/diapo/d2.jpg','images/diapo/d3.jpg','images/diapo/d4.jpg','images/diapo/d5.jpg','images/diapo/d6.jpg','images/diapo/d7.jpg','images/diapo/d8.jpg','images/diapo/d9.jpg')">
<div id="titre">
<img src="images/titre.png" />
</div>
<div id="conteneur">
<table cellspacing=0 cellpadding=0 >
<tr>
<td height=500 colspan="3" align=center >
<a href="javascript:arret()"><img src="images/diapo/d1.jpg" id="Slide" name="Slide" width="751" height="500" border="0" alt="Arr&ecirc;ter ?"></a>
<script language="JavaScript">autoSlideShow('Slide')</script>
</td>
</tr>
<tr>
<td width="30%" align=left >
<font class="font5" style="text-align:left">© 2011 - Tous droits réservés</font>
</td>
<td width="40%" align=center>&nbsp;</td>
<td width="30%" align=right ><a href="contact.html"><font class="font6">Contact</font></a></td>
</tr>
</table>
</div>
</body>

PS : le site est en construction, il ne contient pour l'instant qu'un diaporama. Est-ce pour cela d'ailleurs que la page contact du site apparaissent dans les résultats google ?

#5 Eddy.vh

    Éternel apprenti.

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 1194 messages

Posté 18 March 2012 - 13:39 PM

Bonjour.

Citation

Voici l'url du site (je ne mets pas l'url directement volontairement car je ne veux pas qu'une réponse google pointe vers un forum...)
??? L'URL est dans le code html, donc lisible par n'importe quel moteur de recherche !

Si je puis me permettre !
Je ne vois pas vraiment pourquoi tu veux travailler avec un tableau pour ce genre de page.
Tu déclares un xHTML mais ton code est mauvais, tu oublies l'espace + slash avant de fermer certaines balises (meta et image p.ex.).
L'image de titre n'a pas de texte alternatif ni même de texte tout court, pas vraiment super pour les moteurs de recherche.
Tes styles sont également mal renseignés, il n'ont pas de type (<style type="text/css">Tes styles</style>) et sont à placer dans la balise head si tu tiens à les avoir sur toutes pages mais il serait mieux de le placer dans une feuille de style !

Utilises-tu un logiciel ou tu essayes de coder toi-même ?

Hormis cela, je viens de l'ouvrir sous safari et il est centré !

#6 e.koo

    Ceinture Bleue

  • Members
  • PipPipPipPipPip
  • 78 messages

Posté 18 March 2012 - 14:05 PM

Je n'ai pas copié le code au complet (les styles sont bien dans la balise head). C'est un site temporaire, à terme les styles seront bien sûr à part.
Je suis graphiste mais ne suis pas une codeuse, je travaille donc avec Dreamweaver et ai récupéré ce script de galerie sur le net.
Tu dis que le site est centré chez toi, as-tu un mac ou un pc ?

#7 Ren

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 600 messages

Posté 18 March 2012 - 15:52 PM

Bonjour,

le site est également correctement centré sur Safari Win7

Ren
---------- anonymation - Studio de création ----------
www.anonymation.com - blog.anonymation.com
---------------------- Projets internes ---------------------
www.mavoiturealouer.com - www.cosplay-it.com

#8 e.koo

    Ceinture Bleue

  • Members
  • PipPipPipPipPip
  • 78 messages

Posté 18 March 2012 - 16:11 PM

Et sur Safari Mac ?

#9 Eddy.vh

    Éternel apprenti.

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 1194 messages

Posté 18 March 2012 - 16:12 PM

Je suis sur Mac OS X 10.6.8 avec safari 5.1.2.

Citation

Je n'ai pas copié le code au complet (les styles sont bien dans la balise head).
Ce n'est pas de ce code que je parle mais bien de celui du site en ligne !

As-tu essayé de chercher dans les sliders jquery, il y en a de très bons et très complets au niveau gestion des images et autres.

#10 e.koo

    Ceinture Bleue

  • Members
  • PipPipPipPipPip
  • 78 messages

Posté 18 March 2012 - 17:03 PM

Ah exact, je n'avais pas vu pour les styles... honte à moi...
Pour ce qui est de la galerie, je dirais que celle ci convient pour le moment, c'est temporaire, le temps de la construction complète du site..

Sinon, comment se fait-il alors que sur le mac de mon "client" et ami, le site apparaisse aligné à droite...?

#11 Eddy.vh

    Éternel apprenti.

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 1194 messages

Posté 18 March 2012 - 19:07 PM

Il est difficile de répondre dans la mesure où chez moi tout est normal !



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)

authorised training centre

Centre de Formation Mediabox - Adobe et Apple Authorised Training Center.

Déclaré auprès de la Direction du Travail et de la Formation Professionnelle

Mediabox : SARL au capital de 62.000€ - Numéro d'activité : 11 75 44555 75 - SIRET : 49371646800035

MEDIABOX, 23, rue de Bruxelles, 75009 PARIS

FFP