Problème avec design :-s

Discussion dans 'Web, design' créé par julien_, 8 Mai 2007.

Statut de la discussion:
Fermée.
  1. Offline
    julien_ harkor.be
    Voilà, j'ai fais un nouveau site pour ma petite personne et j'ai un soucis dans la conception...

    Si vous voulez sur IE, je n'ai pas d'espace entre le cadre de mon contenu et la première ligne de texte de mon contenu alors que sous Firefox et Opéra, hé bien il y a environ 20px...

    http://www.vegabel.com/harkor/perso/index.html

    Je n'ai aucun "padding : X" dans ma css et mon code (pour la page d'accueil) est valide W3C... (Quand leur site fonctionnait encore)

    Si quelqu'un a une idée...

    Je vous remercie d'avance

    Edit: Le validateur refonctionne
    ma page sous W3C
    julien_, 8 Mai 2007
    #1
  2. Offline
    suPr3m_ ~ Sony Vaio ~
    chez moi tout à l'air normal ... ou alors je comprends pas le problème :gne:
    suPr3m_, 8 Mai 2007
    #2
  3. Offline
    Bartdude Touriste
    J'ai aussi une autre différence : un grand espace entre le bas du content et le footer sous Firefox 2.0.0.3 et aucun espace sous IE 6...

    A première vue et je l'avoue sans être un expert, je pense que le problème se trouve là :

    #content
    {
    margin:auto;
    width: 843px;
    min-height: 370px;
    border: 3px solid #dadada;
    margin-top: 10px;
    }

    Mais bon maintenant comme je te dis, les css c'est pas vraiment mon domaine de prédilection...
    Bartdude, 8 Mai 2007
    #3
  4. Offline
    julien_ harkor.be
    Hé non, je vien de remettre en height: 370px; et ça ne fonctionne pas...
    Le problème n'a rien avoir avec le footer... mais avec le contenu et le dessus du cadre content et de plus IE6, si je commence à essayer de rendre compatible mon site xhtml/css pour IE6, je vais jamais y arriver :p
    julien_, 9 Mai 2007
    #4
  5. Offline
    julien_ harkor.be
    Tu as testé sous firefox et IE?

    J'ai remarquer que si on utilisait pas de balises dans la div "content" et bien il n'y avait pas cet espace... Tandis que si je met un <hx> ou un <p> c'est de nouveau le même problème...
    julien_, 9 Mai 2007
    #5
  6. Offline
    SkYlEsS Kawai
    Mais pourquoi tu ne mets pas un padding ?
    SkYlEsS, 9 Mai 2007
    #6
  7. Offline
    julien_ harkor.be
    hein?
    Mais j'en veut pas d'espace haut :-s

    [IMG]

    [IMG]

    Mon problème est celui là... j'aimerai obtenir sur firefox et opéra la même chose que sur IE7...
    julien_, 9 Mai 2007
    #7
  8. Offline
    SkYlEsS Kawai
    Rajoute alors un "vertical-align: top;" dans ton css ... nan ?
    SkYlEsS, 9 Mai 2007
    #8
  9. Offline
    julien_ harkor.be
    J'ai mis un "padding-top: 0px;"
    Mais ça change rien...

    Mais quelqu'un n'a pas une idée sur le fait que ça fonctionne uniquement sur IE7? :-s
    julien_, 9 Mai 2007
    #9
  10. Offline
    suPr3m_ ~ Sony Vaio ~
    Que sur IE7, je n'ai que celui-là =]
    suPr3m_, 9 Mai 2007
    #10
  11. Offline
    SkYlEsS Kawai
    Oui, j'avais d'ailleurs un site qui retracait les différences de propriétés par défaut entre les navigateurs tiens ...

    Disons que tu dois spécifier une propriété manquante (ici, je crois que c'est à cause du vertical-align) pour avoir la même chose sous tous (ou presque) les navigateurs ...
    SkYlEsS, 9 Mai 2007
    #11
  12. Offline
    julien_ harkor.be
    Logique que tu ne puisses pas voir le problème donc =/
    julien_, 9 Mai 2007
    #12
  13. Offline
    SkYlEsS Kawai
    Pourtant, j'aurais dis que c'était cela qu'il fallait faire ...

    Notons que tu peux tapper le raccourci : padding-top: 0;
    SkYlEsS, 9 Mai 2007
    #13
  14. Offline
    SkYlEsS Kawai
    Sans doute l'espace utilisé sous FF pour la balise <p> n'est pas la même que sous IE ;)
    SkYlEsS, 9 Mai 2007
    #14
  15. Offline
    julien_ harkor.be
    Sauf que sur un autre design que j'ai codé exactement pareil ça le fait pas...
    Je suis en train de le recoder et j'ai exactement le même problème :-s
    Je comprend vraiment pas...
    julien_, 9 Mai 2007
    #15
  16. Offline
    Totoleheros83 Petit chat
    essaie une fois ceci:

    dans la propriété de h1 dans le css, déclare la propriété suivante:

    line-height: 0;
    Totoleheros83, 10 Mai 2007
    #16
  17. Offline
    SkYlEsS Kawai
    Didju, il n'y a personne qui connaitrait un site qui recense toutes les différences de taille entre les navigateurs ... Par exemple, l'espace entre les puces de liste sous IE font 4px tandis FF 3px (cet exemple est fictif mais je sais qu'il l'est)
    SkYlEsS, 10 Mai 2007
    #17
  18. Offline
    julien_ harkor.be
    Bon alors, j'ai fais un copier/coller d'un de mes autres design qui fonctionne correctement et je l'ai réadapté... Et ça fonctionne maintenant...
    Je vous remercie tous pour m'avoir aidé ;)
    julien_, 10 Mai 2007
    #18
  19. Offline
    SkYlEsS Kawai
    Raaah j'ai passé en revue tout mon historique pour retrouver cette page qui expliquait quels sont les éléments dont la taille, l'espace, ... changent selon le navigateur et comment les mettre à une valeur nule ou standarisée, en vain !

    Quelqu'un a une idée ??? :beuh:
    SkYlEsS, 13 Mai 2007
    #19
Statut de la discussion:
Fermée.