[HTML] Problème de doctype

Version imprimable

31/05/2009, 00h56
sinN_

[HTML] Problème de doctype

Bonjour :zoubi:

Venant de commencer mon site, j'ai rencontré un problème avec les doctype.
Ma page utilisant du css, j'ai donc mis un doctype xhtml...

Mais... sous ie, mon include qui appelle ma page des news lui attribue un scroll horizontal. Alors que sous ff non!

J'ai donc changé de doctype en html 3.2 et plus de problème!
Je pourrais laisser comme ça mais ça ne fait pas propre et ce n'est pas correct je pense.

J'ai testé tous les doctype xhtml et rien n'y fait. Seulement le html résoud mon problème.

Si vous avez une idéé je suis preneur :mouarf:

http://hvillers59.clanfree.net/

Bien sur ici vous ne verrez pas le scroll horizontal vu que mon doctype est en html 3.2 :roll:
31/05/2009, 23h14
Erwan31

Citation:

Ma page utilisant du css, j'ai donc mis un doctype xhtml...

Aucun rapport, tu peux très bien utiliser CSS avec du HTML.

Tu dois conserver un doctype XHTML 1.0 (au vu de la syntaxe utilisée) Transitionnal pour commencer, pour que ton navigateurs ne bascule pas en mode Quirks (mode de retro compatibilité non standard et plus permissif autorisant les implémentations propriétaires et favorisant par conséquent des différences de rendu d'un navigateur à l'autre).
Désolé pas le temps de me pencher sur ton problème.
01/06/2009, 00h19
sinN_

Ha bon, je pensais que je devais obligatoirement utiliser du xhtml avec le css.
Mais bon je ne me suis jamais penché sur les doctype donc je n'y connais rien.

Je vais donc mettre le doctype que tu me conseilles mais j'espère que je ne vais pas récupérer ce scroll horizontal indésirable...

Merci pour ton intervention ;)

EDIT : Je récupère bien mon scroll sous IE... De plus, mes pages avec un doctype xhtml sont plus basses que les autres. J'ai mis ma page d'accueil et club en doctype xhtml et j'ai laissé les autres en html pour que tu vois ce que je veux dire.

C'est assez ennuyant... :aie:
01/06/2009, 08h59
desert

Bonjour,
Vu le nombre de balises ou attributs obsolètes en xhtml, j'aurais plutôt opté pour un doctype html (4.01).

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Le xhtml n'est pas une obligation.
Dans les deux cas (que tu choisisses html ou xhtml), tu peux t'aider du validateur W3C pour corriger ta syntaxe.
01/06/2009, 14h34
sinN_

Si je mets ton doctype, j'ai toujours le même problème.

En fait, mon scroll disparait seulement quand je mets ce doctype

Citation:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

mais mon navigateur passe en quirks comme Erwan l'a dis précédemment...

Une idée ?
01/06/2009, 15h01
Erwan31

Bonjour,
je m'y attendais. Tu es confronté à un différence de calcul de la largeur du div en overflow dû au modèle de boîte Microsoft déclenché par le mode Quirks (faire une recherches pour les détails) différent du modèle de boîte standard : en mode Quirks, le padding left de 10px ne s'ajoute pas à la largeur du div contrairement au mode standard, d'où la scrollbar horizontale qui vient des 10px supplémentaires.
Solution: ne pas mettre de largeur au div (un div sans largeur prend toutes la largeur disponible)

Au delà de ce problème, ajouter du scrolling à l'intérieure de l'interface est une mauvaise idée d'un point de vue ergonomique en plus d'être esthétiquement moche.
Bref je te conseillerais vivement de supprimer l'overflow, réduire la hauteur de ton "header", améliorer le look de ton menu et la qualité de la photo, et de ne pas t'inquiéter de la capacité des utilisateurs à scroller ;)
02/06/2009, 17h41
sinN_

La largeur de mon div est parametrée dans mon panel admin, via une variable.

Je ne peux la laisser vide.
Je modifie mes fichiers en supprimant cette variable et en l'entrant manuellement ? :-)
02/06/2009, 18h43
Erwan31

Citation:

Envoyé par sinN_

Je modifie mes fichiers en supprimant cette variable et en l'entrant manuellement ? :-)

Ça c'est à toi de voir... :? Tu as de toute façon beaucoup de choses à améliorer avant d'avoir un site à peu prés correct.
02/06/2009, 19h13
sinN_

J'ai enlevé la variable et remplacé par auto!
Je n'ai plus de scroll sous IE pour mon forum :ccool:

Je test maintenant avec les news :mrgreen:

Bon pour les news, quand je mets en auto, il met simplement les cadres au bord des fin de lignes et il y a toujours le scroll avec surplus de 10px.

De même si je mets une largeur inférieur a 100%. Les cadres ont bien leur largeur diminuée mais le scroll est toujours là!

Bon voilà ce que j'ai réussi à faire pour les news :

En fait ma variable utilisé dans mon panel n'était affectée qu'à la largeur des cadres. En fait il y avait une autre valeur (100%) qui était donnée à ce qu'il y a en dessous, ou il est écris s'enregistrer à la newsletter et le lien pour aller sur la page admin. Je l'ai passé a 97% (au dessus le scroll réapparaît), ainsi que la largeur de mes cadres et j'ai mis le reste des width en auto et plus de problème.

C'est pas un peu barbare comme méthode ?

De plus j'ai toujours ce padding de difference par rapport a ma page index qui elle est plus haute que les autres bizarrement...
05/06/2009, 16h16
Erwan31

Désolé mais je vois pas trop comment t'aider davantage, d'autre part je ne vois pas de différence de hauteur. Et puis je ne suis pas pas le seul à pouvoir t'aider hein ;)
06/06/2009, 13h11
sinN_

Moi sous IE8, ma page d'accueil est plus proche du top que les autres, et cela est du à l'insertion de mes news car quand j'enlève le include, elle est à la même hauteur...