Forum d'aide création graphique / [Résolu] Probleme d'extension

gouki · 15-07-2009 19:15:10

Bonjour, j'ai récemment crée un site web tout ce qu'il y'a de plus simple, seulement il est optimisé pour Firefox et en allant chez un ami (qui a IE et une résolution d'écran assez differente de la mienne) je me suis rendu compte que mon bloc de texte sortait carrément des zones défini (il s'étale en large) ainsi que des liens que j'ai mis sur le header via la balise #prelude qui eux aussi sortent des zones defini.

Je ne sais pas si j'ai été suffisamment clair, mais est-ce que vous pourriez m'aider à regler ce probleme

Merci d'avance.

Maude · 15-07-2009 19:30:36

Bonjour,

cela peut provenir de beaucoup de choses, mais en général les problèmes de compatibilité IE/firefox ce situent au niveau margin et padding, les valeurs peuvent être lues différemment selon l'un ou l'autre (surtout pour IE6)
Il nous faudrait un lien pour vous aider au mieux. smile

gouki · 15-07-2009 19:41:40

Voici le fichier Css si ça peut aider

Dernière modification par gouki (20-07-2009 20:07:42)

Maude · 15-07-2009 19:45:08

le code HTML m'aiderais aussi pour pouvoir tester . smile

gouki · 15-07-2009 19:52:50

Le voila, par contre contrairement au fichier css il n'est pas encore aux normes W3C.

Dernière modification par gouki (20-07-2009 20:07:58)

Maude · 15-07-2009 19:57:00

Vous n'avez pas défini de WIDTH à #article alors il prend toute la largeur.

gouki · 15-07-2009 20:01:52

Merci je vais rectifié ça.

Et pour la banniere et les deux liens qui se décalent, où se situe le probleme à votre avis?

Maude · 15-07-2009 20:10:23

Sans les images c'est pas facile smile

Votre header fait 769px de largeur tandis que votre contenu fait 900px si vous souhaitez centrer votre header le code à rajouter dans #header est : margin:0 auto 0;

gouki · 15-07-2009 20:17:16

Oui j'ai deja essayé de mettre 'auto' dans #header mais rien à faire, les liens reste décaler par rapport au cadre de l'image.

Je peux bien entendu vous passer les images, par contre serait-il possible de vous les envoyez par MP?

Maude · 15-07-2009 20:30:42

d'accord j'ai mal compris, en fait vous voulez positionner vos liens sur vos deux boutons dans le header?

Si c'est bien ça remplacer les valeurs dans "#header #prelude" :

Code:

left: 735px;

Par :

right: 400px;

gouki · 15-07-2009 20:45:30

Oui voila, chez moi les boutons sont parfaitement positionner, mais chez d'autres personnes qui n'ont pas forcement la même résolution d'ecran ou navigateur, les liens sont décalé par rapport aux cadres.

Le site est optimisé pour firefox/opéra mais là ou se situe mon probleme, c'est fixer les liens sur ces cadres pour que quelque soit le navigateur ou la résolution, ils ne puissent se décaler. Si bien entendu c'est possible.
Et encore merci pour tout ce que vous avez fait.

Dernière modification par gouki (15-07-2009 20:49:08)

Maude · 15-07-2009 21:31:02

Le problème venait de l'image du header.
le mieux pour que ce soit compatible avec un max de résolutions et de navigateurs est de remplacer ceci :

Code:

#header
{
width: 769px;
height: 199px;
}

#header #prelude{
    height: 106px;
    width: 185px;
    position:absolute;
    top: 95px;
    left: 735px;
    font-size:1em;    
color:#FFF;
}

Par :

Code:

#header
{ 
background: url(header.jpg);
width: 900px;
height: 199px;
}

#header #prelude{
    height: 106px;
    width: 185px;
    position:absolute;
    margin:55px 0 0 690px;
    font-size:1em;  
color:#fff  
}

Et pour le HTML retirer

<img src="theme/header.jpg" alt="Header" />

gouki · 15-07-2009 21:50:26

Merci, je ne sais vraiment pas comment vous remerciez. wink

Quoiqu'il en soit longue vie au Site/forum, vous faites du tres bon travail.

Maude · 15-07-2009 21:53:00

de rien smile

N'hésitez pas si vous avez besoin d'aide.
bonne soirée.

#1 15-07-2009 19:15:10

[Résolu] Probleme d'extension

#2 15-07-2009 19:30:36

Re: [Résolu] Probleme d'extension

#3 15-07-2009 19:41:40

Re: [Résolu] Probleme d'extension

#4 15-07-2009 19:45:08

Re: [Résolu] Probleme d'extension

#5 15-07-2009 19:52:50

Re: [Résolu] Probleme d'extension

#6 15-07-2009 19:57:00

Re: [Résolu] Probleme d'extension

#7 15-07-2009 20:01:52

Re: [Résolu] Probleme d'extension

#8 15-07-2009 20:10:23

Re: [Résolu] Probleme d'extension

#9 15-07-2009 20:17:16

Re: [Résolu] Probleme d'extension

#10 15-07-2009 20:30:42

Re: [Résolu] Probleme d'extension

Code:

#11 15-07-2009 20:45:30

Re: [Résolu] Probleme d'extension

#12 15-07-2009 21:31:02

Re: [Résolu] Probleme d'extension

Code:

Code:

#13 15-07-2009 21:50:26

Re: [Résolu] Probleme d'extension

#14 15-07-2009 21:53:00

Re: [Résolu] Probleme d'extension

Pied de page des forums