J'ai deux problèmes pour le positionnement de blocs, j'espère que quelqu'un
pourra m'aider.
Voici l'adresse http://shak.al.free.fr, et le css :
http://shak.al.free.fr/style/test.css
1/ Premier problème : ( sous IE )
Je n'arrive pas à obtenir des blocs (contenu et pied de page) qui font toute
la largeur de la page et toute la hauteur (pour le menu).
Tandis que sous Firefox, cela s'affiche correctement.
J'ai suivi la procédure du W3C
(http://www.w3.org/TR/REC-CSS2/visuren.html#fixed-positioning) en rempaçant
les position fixes,
par des positions absolues.
J'ai mis des bordures et des alignements au centre pour bien voir le
problème.
2/Deuxième problème : ( sous FireFox puisque sur IE j'en suis pas encore
là )
J'aimerai aligner le logo, qui sera une image contenu dans le <span
id="logo">, avec le titre de la page qui est dans le <h1>. (le tout est dans
l'entete)
J'ai essayé d'appliquer un float:left au span, mais cela ne fonctionne pas.
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire
Veuillez sélectionner un problème
Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Thibaut Allender
On 29/11/2004 17:54, shak wrote :
Voici l'adresse http://shak.al.free.fr, et le css : http://shak.al.free.fr/style/test.css
1/ Premier problème : ( sous IE ) Je n'arrive pas à obtenir des blocs (contenu et pied de page) qui font toute la largeur de la page et toute la hauteur (pour le menu). Tandis que sous Firefox, cela s'affiche correctement.
commence deja par travailler en xhtml 1.0 et pas 1.1, qui est délivré dans le mauvais mime type rien que pour IE ensuite, supprime aussi le prologue xml qui fait passer IE en mode quirk
déjà, tu as une meilleure base pour t'attendre à ce que IE se comporte *a peu près* comme firefox
2/Deuxième problème : ( sous FireFox puisque sur IE j'en suis pas encore là ) J'aimerai aligner le logo, qui sera une image contenu dans le <span id="logo">, avec le titre de la page qui est dans le <h1>. (le tout est dans l'entete) J'ai essayé d'appliquer un float:left au span, mais cela ne fonctionne pas.
si le logo concerne le titre, il peut etre sémantiquement judicieux de le mettre dans <h1> non ?
Voici l'adresse http://shak.al.free.fr, et le css :
http://shak.al.free.fr/style/test.css
1/ Premier problème : ( sous IE )
Je n'arrive pas à obtenir des blocs (contenu et pied de page) qui font toute
la largeur de la page et toute la hauteur (pour le menu).
Tandis que sous Firefox, cela s'affiche correctement.
commence deja par travailler en xhtml 1.0 et pas 1.1, qui est délivré
dans le mauvais mime type rien que pour IE
ensuite, supprime aussi le prologue xml qui fait passer IE en mode quirk
déjà, tu as une meilleure base pour t'attendre à ce que IE se comporte
*a peu près* comme firefox
2/Deuxième problème : ( sous FireFox puisque sur IE j'en suis pas encore
là )
J'aimerai aligner le logo, qui sera une image contenu dans le <span
id="logo">, avec le titre de la page qui est dans le <h1>. (le tout est dans
l'entete)
J'ai essayé d'appliquer un float:left au span, mais cela ne fonctionne pas.
si le logo concerne le titre, il peut etre sémantiquement judicieux de
le mettre dans <h1> non ?
Voici l'adresse http://shak.al.free.fr, et le css : http://shak.al.free.fr/style/test.css
1/ Premier problème : ( sous IE ) Je n'arrive pas à obtenir des blocs (contenu et pied de page) qui font toute la largeur de la page et toute la hauteur (pour le menu). Tandis que sous Firefox, cela s'affiche correctement.
commence deja par travailler en xhtml 1.0 et pas 1.1, qui est délivré dans le mauvais mime type rien que pour IE ensuite, supprime aussi le prologue xml qui fait passer IE en mode quirk
déjà, tu as une meilleure base pour t'attendre à ce que IE se comporte *a peu près* comme firefox
2/Deuxième problème : ( sous FireFox puisque sur IE j'en suis pas encore là ) J'aimerai aligner le logo, qui sera une image contenu dans le <span id="logo">, avec le titre de la page qui est dans le <h1>. (le tout est dans l'entete) J'ai essayé d'appliquer un float:left au span, mais cela ne fonctionne pas.
si le logo concerne le titre, il peut etre sémantiquement judicieux de le mettre dans <h1> non ?
"Thibaut Allender" a écrit dans le message de news:
1/ Premier problème : ( sous IE ) (...)
commence deja par travailler en xhtml 1.0 et pas 1.1, qui est délivré dans le mauvais mime type rien que pour IE ensuite, supprime aussi le prologue xml qui fait passer IE en mode quirk
déjà, tu as une meilleure base pour t'attendre à ce que IE se comporte *a peu près* comme firefox
J'ai effectuer la modification, mais ça ne change pas encore le fonctionnement d'IE : http://shak.al.free.fr/index_2.php De plus, je suis un peu deçu puisque dans la version précédente du site, il y avais une DTD xhtml1.1 avec le prologue xml, et cela fonctionnait très bien sous IE et firefox (enfin d'après ce que j'ai vu). Mais le site etait rempli de table pour la mise en page... :( Je vais laisser xhtml 1.0 comme tu m'as dit et je verrai après si je peux remettre en 1.1.
2/Deuxième problème : ( sous FireFox puisque sur IE j'en suis pas encore là ) (...)
si le logo concerne le titre, il peut etre sémantiquement judicieux de le mettre dans <h1> non ?
Non, le logo concerne tout le site et sera le même quelque soit la page affichée, tandis que le titre est celui de la page affichée.
Shak.
"Thibaut Allender" a écrit dans le message de news:
1/ Premier problème : ( sous IE )
(...)
commence deja par travailler en xhtml 1.0 et pas 1.1, qui est délivré dans
le mauvais mime type rien que pour IE
ensuite, supprime aussi le prologue xml qui fait passer IE en mode quirk
déjà, tu as une meilleure base pour t'attendre à ce que IE se comporte *a
peu près* comme firefox
J'ai effectuer la modification, mais ça ne change pas encore le
fonctionnement d'IE : http://shak.al.free.fr/index_2.php
De plus, je suis un peu deçu puisque dans la version précédente du site, il
y avais une DTD xhtml1.1 avec le prologue xml, et cela fonctionnait très
bien sous IE et firefox (enfin d'après ce que j'ai vu). Mais le site etait
rempli de table pour la mise en page... :(
Je vais laisser xhtml 1.0 comme tu m'as dit et je verrai après si je peux
remettre en 1.1.
2/Deuxième problème : ( sous FireFox puisque sur IE j'en suis pas encore
là )
(...)
si le logo concerne le titre, il peut etre sémantiquement judicieux de le
mettre dans <h1> non ?
Non, le logo concerne tout le site et sera le même quelque soit la page
affichée, tandis que le titre est celui de la page affichée.
"Thibaut Allender" a écrit dans le message de news:
1/ Premier problème : ( sous IE ) (...)
commence deja par travailler en xhtml 1.0 et pas 1.1, qui est délivré dans le mauvais mime type rien que pour IE ensuite, supprime aussi le prologue xml qui fait passer IE en mode quirk
déjà, tu as une meilleure base pour t'attendre à ce que IE se comporte *a peu près* comme firefox
J'ai effectuer la modification, mais ça ne change pas encore le fonctionnement d'IE : http://shak.al.free.fr/index_2.php De plus, je suis un peu deçu puisque dans la version précédente du site, il y avais une DTD xhtml1.1 avec le prologue xml, et cela fonctionnait très bien sous IE et firefox (enfin d'après ce que j'ai vu). Mais le site etait rempli de table pour la mise en page... :( Je vais laisser xhtml 1.0 comme tu m'as dit et je verrai après si je peux remettre en 1.1.
2/Deuxième problème : ( sous FireFox puisque sur IE j'en suis pas encore là ) (...)
si le logo concerne le titre, il peut etre sémantiquement judicieux de le mettre dans <h1> non ?
Non, le logo concerne tout le site et sera le même quelque soit la page affichée, tandis que le titre est celui de la page affichée.
Shak.
ASM
shak a ecrit :
> si le logo concerne le titre, il peut etre sémantiquement judicieux de le > mettre dans <h1> non ? Non, le logo concerne tout le site et sera le même quelque soit la page affichée, tandis que le titre est celui de la page affichée.
et alors ? où est le pb ?
avec une petite css il peut être mis en background positionné (valable pour chaque nouveau titre de chaque nouvelle page)
-- ******************************************************* Stéphane MORIAUX et son vieux Mac Aide Pages Perso (images & couleurs, formulaire, CHP) http://perso.wanadoo.fr/stephane.moriaux/internet/ *******************************************************
shak a ecrit :
> si le logo concerne le titre, il peut etre sémantiquement judicieux de le
> mettre dans <h1> non ?
Non, le logo concerne tout le site et sera le même quelque soit la page
affichée, tandis que le titre est celui de la page affichée.
et alors ?
où est le pb ?
avec une petite css il peut être mis en background positionné
(valable pour chaque nouveau titre de chaque nouvelle page)
--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************
> si le logo concerne le titre, il peut etre sémantiquement judicieux de le > mettre dans <h1> non ? Non, le logo concerne tout le site et sera le même quelque soit la page affichée, tandis que le titre est celui de la page affichée.
et alors ? où est le pb ?
avec une petite css il peut être mis en background positionné (valable pour chaque nouveau titre de chaque nouvelle page)
-- ******************************************************* Stéphane MORIAUX et son vieux Mac Aide Pages Perso (images & couleurs, formulaire, CHP) http://perso.wanadoo.fr/stephane.moriaux/internet/ *******************************************************
shak
"ASM" a écrit dans le message de news:
shak a ecrit :
> si le logo concerne le titre, il peut etre sémantiquement judicieux de > le > mettre dans <h1> non ? Non, le logo concerne tout le site et sera le même quelque soit la page affichée, tandis que le titre est celui de la page affichée.
et alors ? où est le pb ?
avec une petite css il peut être mis en background positionné (valable pour chaque nouveau titre de chaque nouvelle page)
Ok, ça marche comme ca, mais comme le logo n'a pas de rapport direct avec le titre de la page, je preferais ne pas le mettre dans le h1. Maintenant il ne reste plus qu'à regler le premier problème.
Shak.
"ASM" a écrit dans le message de news:
shak a ecrit :
> si le logo concerne le titre, il peut etre sémantiquement judicieux de
> le
> mettre dans <h1> non ?
Non, le logo concerne tout le site et sera le même quelque soit la page
affichée, tandis que le titre est celui de la page affichée.
et alors ?
où est le pb ?
avec une petite css il peut être mis en background positionné
(valable pour chaque nouveau titre de chaque nouvelle page)
Ok, ça marche comme ca, mais comme le logo n'a pas de rapport direct avec le
titre de la page, je preferais ne pas le mettre dans le h1.
Maintenant il ne reste plus qu'à regler le premier problème.
> si le logo concerne le titre, il peut etre sémantiquement judicieux de > le > mettre dans <h1> non ? Non, le logo concerne tout le site et sera le même quelque soit la page affichée, tandis que le titre est celui de la page affichée.
et alors ? où est le pb ?
avec une petite css il peut être mis en background positionné (valable pour chaque nouveau titre de chaque nouvelle page)
Ok, ça marche comme ca, mais comme le logo n'a pas de rapport direct avec le titre de la page, je preferais ne pas le mettre dans le h1. Maintenant il ne reste plus qu'à regler le premier problème.
Shak.
Thibaut Allender
On 29/11/2004 20:28, shak wrote :
Ok, ça marche comme ca, mais comme le logo n'a pas de rapport direct avec le titre de la page, je preferais ne pas le mettre dans le h1. Maintenant il ne reste plus qu'à regler le premier problème.
supprime le span, il ne sert à rien et n'est pas adapté pour contenir une image, d'autant plus s'il n'est pas utilisé dans un contexte "inline"
Ok, ça marche comme ca, mais comme le logo n'a pas de rapport direct avec le
titre de la page, je preferais ne pas le mettre dans le h1.
Maintenant il ne reste plus qu'à regler le premier problème.
supprime le span, il ne sert à rien et n'est pas adapté pour contenir
une image, d'autant plus s'il n'est pas utilisé dans un contexte "inline"
Ok, ça marche comme ca, mais comme le logo n'a pas de rapport direct avec le titre de la page, je preferais ne pas le mettre dans le h1. Maintenant il ne reste plus qu'à regler le premier problème.
supprime le span, il ne sert à rien et n'est pas adapté pour contenir une image, d'autant plus s'il n'est pas utilisé dans un contexte "inline"
supprime le span, il ne sert à rien et n'est pas adapté pour contenir une image, d'autant plus s'il n'est pas utilisé dans un contexte "inline"
Oui c'est vrai que maintenant il ne sert plus a rien. Je l'avais mis pour tester les float:left... Merci :)
Sinon vous avez une idée pour le premier problème ?
Shak.
Thibaut Allender
On 29/11/2004 21:06, shak wrote :
Sinon vous avez une idée pour le premier problème ?
width: auto; height: auto;
ne semblent pas etre bien gérés par IE quand les blocs sont en position absolue... je ne vois pas trop de solution, a part hacker le tout avec des marges et des width 100%
Sinon vous avez une idée pour le premier problème ?
width: auto;
height: auto;
ne semblent pas etre bien gérés par IE quand les blocs sont en position
absolue...
je ne vois pas trop de solution, a part hacker le tout avec des marges
et des width 100%
Sinon vous avez une idée pour le premier problème ?
width: auto; height: auto;
ne semblent pas etre bien gérés par IE quand les blocs sont en position absolue... je ne vois pas trop de solution, a part hacker le tout avec des marges et des width 100%
