Problème avec design :-s

julien_ · 8 Mai 2007

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

suPr3m_ · 8 Mai 2007

chez moi tout à l'air normal ... ou alors je comprends pas le problème

Bartdude · 8 Mai 2007

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...

julien_ · 9 Mai 2007

Bartdude a dit:
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...

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

julien_ · 9 Mai 2007

suPr3m_ a dit:
chez moi tout à l'air normal ... ou alors je comprends pas le problème

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...

SkYlEsS · 9 Mai 2007

Mais pourquoi tu ne mets pas un padding ?

julien_ · 9 Mai 2007

hein?
Mais j'en veut pas d'espace haut :-s

Mon problème est celui là... j'aimerai obtenir sur firefox et opéra la même chose que sur IE7...

SkYlEsS · 9 Mai 2007

Rajoute alors un "vertical-align: top;" dans ton css ... nan ?

julien_ · 9 Mai 2007

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

suPr3m_ · 9 Mai 2007

julien_ a dit:
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...

Que sur IE7, je n'ai que celui-là =]

SkYlEsS · 9 Mai 2007

julien_ a dit:
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

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 ...

julien_ · 9 Mai 2007

suPr3m_ a dit:
Que sur IE7, je n'ai que celui-là =]

Logique que tu ne puisses pas voir le problème donc =/

SkYlEsS · 9 Mai 2007

julien_ a dit:
J'ai mis un "padding-top: 0px;"

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

julien_ a dit:
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...

Sans doute l'espace utilisé sous FF pour la balise <p> n'est pas la même que sous IE

julien_ · 9 Mai 2007

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...

Totoleheros83 · 10 Mai 2007

essaie une fois ceci:

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

line-height: 0;

SkYlEsS · 10 Mai 2007

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)

julien_ · 10 Mai 2007

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é

SkYlEsS · 13 Mai 2007

SkYlEsS a dit:
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)

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 ???

Problème avec design :-s

julien_

harkor.be

suPr3m_

~ Sony Vaio ~

Bartdude

Touriste

julien_

harkor.be

julien_

harkor.be

SkYlEsS

Elite

julien_

harkor.be

SkYlEsS

Elite

julien_

harkor.be

suPr3m_

~ Sony Vaio ~

SkYlEsS

Elite

julien_

harkor.be

SkYlEsS

Elite

SkYlEsS

Elite

julien_

harkor.be

Totoleheros83

Petit chat

SkYlEsS

Elite

julien_

harkor.be

SkYlEsS

Elite

Autres sujets récents