Bonjour,
je suis en train de refaire le site alsace-info.com. J'ai crée un nouveau design qui s'affiche sas problème sous FF, Opera, Chrome etc...
Afin d'afficher deux colonnes en simultané, je me suis inspiré du gabarit que l'on trouve ICI.
Dans l'article, il est fait mention de problèmes d'affichages rencontrés sous IE, et il est proposé un lien qui explique comment les résoudre.... manque de pot, le lien ne fonctionne pas. Après avoir cherché et essayé quelques astuces trouvées ça et là sur la toile, je me décide finalement à faire appel à vous car je suis à court d'idées...
J'ai partiellement résolu le bug en utilisant l'attribut "margin-top". Pour ma carte de l'alsace, avec un margin-top de -600px, je fais remonter la colonne de droite.
Le soucis, c'est que la page en cours est un simple modèle et que la carte n'est pas systématiquement celle là. Ainsi, dans certains cas, la carte affichée ne fait que 300px de haut, et du coup, ma colonne de droite disparait au dessus de la div...
Le bug n'est donc finalement pas résolu....
Exposé du bug:
Sur ma page, j'ai :
- une en-tête
- en dessous de l'entête, deux colonnes
la colonne de gauche = le menu
la colonne de droite = contenu lui même divisé en deux colonnes.
les colonnes menu et contenu s'affichent bien au même niveau, mais les colonnes qui se trouvent dans ma div contenu elle ne s'affichent pas ainsi. elles ont chacune leur place (horizontalement parlant), mais la première est placée au dessus de la seconde alors qu'elles devraient toutes deux être juste en dessous de mon header.
Un lien vaut mieux qu'une longue explication: ALSACE-INFO.FR
Merci d'avance pour vos conseils
Modifié par aiglobulles (15 Jun 2011 - 11:44)
je suis en train de refaire le site alsace-info.com. J'ai crée un nouveau design qui s'affiche sas problème sous FF, Opera, Chrome etc...
Afin d'afficher deux colonnes en simultané, je me suis inspiré du gabarit que l'on trouve ICI.
Dans l'article, il est fait mention de problèmes d'affichages rencontrés sous IE, et il est proposé un lien qui explique comment les résoudre.... manque de pot, le lien ne fonctionne pas. Après avoir cherché et essayé quelques astuces trouvées ça et là sur la toile, je me décide finalement à faire appel à vous car je suis à court d'idées...
J'ai partiellement résolu le bug en utilisant l'attribut "margin-top". Pour ma carte de l'alsace, avec un margin-top de -600px, je fais remonter la colonne de droite.
Le soucis, c'est que la page en cours est un simple modèle et que la carte n'est pas systématiquement celle là. Ainsi, dans certains cas, la carte affichée ne fait que 300px de haut, et du coup, ma colonne de droite disparait au dessus de la div...
Le bug n'est donc finalement pas résolu....
Exposé du bug:
Sur ma page, j'ai :
- une en-tête
- en dessous de l'entête, deux colonnes
la colonne de gauche = le menu
la colonne de droite = contenu lui même divisé en deux colonnes.
les colonnes menu et contenu s'affichent bien au même niveau, mais les colonnes qui se trouvent dans ma div contenu elle ne s'affichent pas ainsi. elles ont chacune leur place (horizontalement parlant), mais la première est placée au dessus de la seconde alors qu'elles devraient toutes deux être juste en dessous de mon header.
Un lien vaut mieux qu'une longue explication: ALSACE-INFO.FR
Merci d'avance pour vos conseils
Modifié par aiglobulles (15 Jun 2011 - 11:44)
