Décalage de calque

Résolu
debe -  
Groarh Messages postés 682 Date d'inscription   Statut Membre Dernière intervention   -
bonjour,
sur cette page, j'ai un décalade dans le menu du haut entre le rendu donné par un pc (testé sur plusieurs) et sur mac (testé avec 2)
le menu sur mac se trouve plus haut que sur pc par rapport à l'iage du dessous
voici l'url :
http://www.mpt-ea.org/2009/
comment résoudre cela ?

5 réponses

debe
 
euh, je n'ai jamais dit que j'avais fait quelque chose de super : on n'a pas tous ton génie !
pas la peine de m'insulter
0
debe
 
alors, c'est bon, on fait la paix ;-))

en fait, j'avais fait un truc pour essayer de ne plus utiliser de tableau, mais je butais sur un point, peut être pourras-tu m'aider
il y a cette page
http://www.mpt-ea.org/2009/test/
et celle ci
http://www.mpt-ea.org/2009/test/index2.html
en fait, comment rendre le div du bas 'index-3" fluctuant, qu'il puisse descendre en fonction de la longueur de texte du div de texte ?
0
Groarh Messages postés 682 Date d'inscription   Statut Membre Dernière intervention   185
 
L'important n'est pas l'ordi sous lequel on teste mais le navigateur.

AAARGH au secours c'est monstrueux !! Non seulement la mise en page est faite en tableaux, mais en plus y'a des div qui se superposent dessus !!
Compte pas sur moi pour foutre mon nez dans ce purin de balises.
-1
Groarh Messages postés 682 Date d'inscription   Statut Membre Dernière intervention   185
 
Excuse-moi je me suis emporté. Mais je vois tous les jours fleurir des questions sur ce forum, de gens qui ont fait un site vite fait avec un CMS "parce qu'ils avaient pas le temps", et qui viennent se plaindre que ça marche pas après...

Moi je veux bien aider les gens, j'aime bien rendre service. Mais à la fin de la journée, tous ces bêtes problèmes de CMS qui ne se poseraient même pas si les gens prenaient un peu le temps de coder eux-mêmes (et franchement c'est pas plus dur), moi je dis stop, j'en ai marre de répondre aux questions pas intéressantes.

Refais-le à la main ton site, en plus y'a pas beaucoup de pages, ça sera vite fait... Et si t'as des questions, pour le coup je serai là.
-1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Groarh Messages postés 682 Date d'inscription   Statut Membre Dernière intervention   185
 
C'est déjà carrément mieux ^^

Alors, 1er essai : http://groarh.webmaster.free.fr/tests/debe/site2009_1.htm
J'ai modifié le css de la div #index-3 (tout est marqué) et je l'ai placée dans la div #site-2009-3.
J'en ai profité pour déplacer quelques styles afin de les réunir tous au même endroit.
Problème : il y a un "trou" dans la bande jaune.

2e essai : http://groarh.webmaster.free.fr/tests/debe/site2009_2.htm
J'ai rajouté une image de fond à même le body pour compléter la bande jaune.
Problème : ça dépasse...

3e essai : http://groarh.webmaster.free.fr/tests/debe/site2009_3.htm
- J'ai viré la div qui encadrait l'image index-2, on n'en a plus besoin.
- J'ai mis un float:left sur l'image #index-2 pour qu'elle se glisse à gauche du texte.
En fait, finalement j'ai viré tous les position:absolute qui rendent le design trop rigide, difficile à modifier quand on a besoin.
Problème : les marges des p appraissent en haut et en bas de #site-2009-3, et le texte reprend sa place sous l'image de gauche.

4e essai : http://groarh.webmaster.free.fr/tests/debe/site2009_4.htm
- J'ai rajouté une règle sur les p pour contrôler les marges. J'annule toutes les marges sauf celle du bas ;
- pour que le texte ne se range plus sous l'image, je rajoute une marge gauche de 150px. (agrandie à 155px pour faire plus joli ^^)
Et tout ça en une seule ligne !
- Il reste un espace entre #site-2009-3 et l'image du bas. Pour contrer ça, j'ai rajouté un tout petit padding-bottom (1px) sur #site-2009-3 pour qu'il prenne en compte la marge du dernier p
- dernier détail, lorsque le texte est trop petit, l'image du bas se place à droite de celle de gauche (essaye avec CTRL+molette). Pour éviter ça je l'ai mise dans la div #site-2009-3 et je lui ai appliqué un clear:both, propriété qui signifie que l'élément refuse de côtoyer des éléments flottants.

Voilà :)
Je mets pour l'instant les fichiers sur mon espace Free ; (le répertoire)
Préviens-moi quand tu auras récupéré le code source qui t'intéresse (et n'oublie pas l'image), que je puisse les supprimer.
-1