passage html xhtml

[stz]

bonjour,

je souhaite modifier mon site en vue de le rendre compatible avec les standard xtml. en html (valide) actuellement il passe correctement dans de nombreux navigateurs.
par contre en xhtm, ma skin par défaut s'affiche très mal sous IE, j'ai l'impression qu'il ne veut plus interprêter l'argument margin du cadre de principal ('main')
margin : 0 170px 50px 20px;

une page en html
la même en xhtm
sous IE6, c'est pas ça du tout!!

que puis-je faire qui m'évite de tout modifier ma mise en page? d'autant plus que ça a vraiment été casse-tête de faire en sorte que ça s'affiche correctement sur un maximum de navigateurs, les mises en pages de Alsacreations exigeant par exemple un contenu plus long / bas que les menus sur les cotés, ce qui ne me convient pas ?

merci.

ps evidemment sur moz et ff ça passe, même sur opéra, pour dire!

[jv2759]

en regardant j'ai vue ceci :

http://stzweb.com/stzx/templates/stz.css

Code : Tout sélectionner

/*ie5*/
.main, .maif, .maio {
	margin:0 170px 50px 20px;
	background: #FBFAF3 url(styz/grisbeig.gif);
	border: 1px solid #CCCCCC;
}
.main {padding: 1ex;}

http://stzweb.com/stzx/templates/stzprint.css

Code : Tout sélectionner

html, .main, .maif, .maio, #contenu {
margin:0;
padding:0;
border:none;
}

J'ai bien peur qu'il ne sache plus quoi faire dans ce cas la...

[stz]

merci pour ta disponibilité.
j'ai essayé en virant carrément les liens vers la css printstz.css, mais ça ne change rien...
cela dit je vais essayer de voir s'il y a des contradictions internes à cette css (pourtant j'ai fait attention à la rigueur) ou si ça se trouve c'est à voir du côté de la hack box, peut-être.

(je viens de tester sur IE5, ça marche !!! prise de tête, IE avec ses diverses versions, en plus, une horreur!!)

[DJiK]

j'ai essayé en virant carrément les liens vers la css printstz.css

Si c'est pour l'impression, c'est bon. On peut avoir des contradictions.



J'aime assez l'aspect de ton site.


Pourquoi tu mets tout le contenu dans une grande div? Surtout en position absolue, ça fait bizarre... (et IE ne sait pas tjs très bien les gérer).

Je te conseille de supprimer #contenu, et de mettre ce texte dans body avec des marges tout simplement.

[stz]

J'aime assez l'aspect de ton site.

merci

Pourquoi tu mets tout le contenu dans une grande div? Surtout en position absolue, ça fait bizarre... (et IE ne sait pas tjs très bien les gérer).

Je te conseille de supprimer #contenu, et de mettre ce texte dans body avec des marges tout simplement.

je vais voir en effet de ce côté là, c'est surement cette div qui pose problème!

sinon la supprimer, ça m'embete un peu c'est pour l'aspect du background en bas à droite, et du bas après la div pour les contenus qui ne remplissent pas l'écran... en fait ce n'est pas tout le contenu qui est dedans, mais la partie droite jusqu'aux pointillés en bas. cela dit, je vais voir, c'est une piste à explorer.
merci de ton aide.

[DJiK]

Moi je mettrais de "Bienvenue" à "droits d'auteurs..." directement dans body.

Et tu fais des div en position absolute pour tout ce que est en dehors de ce body (haut et 2108 visites en 2004...).
Enfin c'est mon idée!



Y'a p-e moyen de faire marcher ce que tu as dans IE, mais y'a pas Web develepper dans IE!

[stz]

bah finalement c'était bien plus simple à faire encore, ceci grace à tes indications. comme tu disais, la position absolue du #contenu posait problème, je l'ai donc virée (l'absolute position, pas eu besoin de virer le div & tout restructurer) j'ai joué sur les marges, et c'est nickel. merci de tes suggestions ça m'a bien aidé!