Version imprimable du sujet
Cliquez ici pour voir ce sujet dans son format original
Forum TourDeJeu > Design et graphismes > Petit Problème D'optimisation Sous Ie


Ecrit par: Vorgat Jeudi 01 Septembre 2005 à 10h15
Bonjour, ça faisait longtemps que j'avais pas eu de problème (et oui, les vacances). Mais là, j'ai un problème de design sous IE. Voici un petit screenshot…

http://img291.imageshack.us/img291/7471/design1dm.jpg

Voilà, c'est moche, mais sur safari ou firefox, c'est nickel (enfin ça donne le résultat voulu).

Et je ne vois pas comment faire pour que ça marche avec IE.

Merci d'avance pour votre aide…
Vorgat…

Ecrit par: Haiken Jeudi 01 Septembre 2005 à 10h57
file nous le source html, ce sera plus pratique wink.gif

Ecrit par: Manest Jeudi 01 Septembre 2005 à 11h29
Oula, oui, tout caca smile.gif
En effet, le code serait certainement utile.

Autrement une petite validation W3C pourrait te donner une piste sur le problème.

Ecrit par: Guide Jeudi 01 Septembre 2005 à 13h34
Tu augmentes juste un petit peu la largeur de l'élément "body" dans tes CSS et, en tout cas chez moi en local, ça passe tout seul...

CODE

body
{
  width: 700px;


Tu mets 705px et c'est bon... Le #corps avait pas la place de passer à côté du #menu, tout simplement.

Guide.

Ecrit par: Vorgat Jeudi 01 Septembre 2005 à 17h41
Là, c'est à 760 ( Le Communauté ne passais pas ). Et ça marche toujours pas, enfin selon un pote.

Chez moi, ça marche sous IE, Firefox, Safari. Mais, j'ai un mac…

Donc, je vous propose d'aller :

http://francois.travers.free.fr

Pour aller vérifier par vous-même.

Merci d'avance.

Ecrit par: Guest_mégabeber Vendredi 02 Septembre 2005 à 09h17
si je regarde le source sous ie, j'obtiens :
CODE

<div id="menu"
   <div class="element_menu">


on voit qu'il manque un symbole">" sur la 1ère ligne.
si j'enregistre la page sur disque et que j'ouvre le fichier, j'obtiens :
CODE

<DIV class=element_menu id=menu <div>


une espèce de fusion des lignes d'origine.
Après un petit test, rajouter le ">" corrige bien le pb.

Ecrit par: Manest Vendredi 02 Septembre 2005 à 10h06
J'ai fais une validation du code avec Firefox.
J'ai les Warnings suivants :

line 4 column 1 - Warning: <meta> attribute ";" lacks value
line 52 column 36 - Warning: replacing <p> by <br>
line 52 column 36 - Warning: inserting implicit <br>
line 58 column 6 - Warning: missing </h4> before </h5>
line 58 column 59 - Warning: discarding unexpected </h5>
line 58 column 64 - Warning: replacing <p> by <br>
line 58 column 64 - Warning: inserting implicit <br>
line 51 column 6 - Warning: missing </div>
line 4 column 1 - Warning: <meta> proprietary attribute "charset"
line 52 column 3 - Warning: trimming empty <p>
line 58 column 3 - Warning: trimming empty <p>

Si déjà tu netois tout ca, ca sera bien.
Si t'as besoin de détail sur une ligne en particulier hésite pas.

Ecrit par: Vorgat Vendredi 02 Septembre 2005 à 10h34
J'arrive pas bien à comprendre les avertissements… J'ai jamais fais d'anglais. Est-ce que quelqu'un pourrais me traduire les phrase, s'il vous plait…

Merci d'avance.

Vorgat

Ecrit par: Nonothehobbit Vendredi 02 Septembre 2005 à 11h23
C'est pas bien compliqué hein. Puis ya des traducteurs linguistiques en ligne (sur google par exemple).

Warning : attention (me dis pas que tu connais pas, où alors tu regarde jamais la télé/ciné)

Replacing : remplacer, logique. Inserting : insérer, pareil. Implicit : implicite. By : chez/par (c'est connu quand même). Value : valeur (si t'as déjà fait du html, ça coule de source). Before : avant (facile aussi ça). Attribute : attribut.

Bon voilà, t'as déjà 90% des erreurs, les mots inconnus tu passes ça dans un dico.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)