OVH Cloud OVH Cloud

Mon siteen CSS (débutant).

10 réponses
Avatar
Daniel Daumas
Bonjour,

http://perso.wanadoo.fr/daniel.daumas/presentation.html

sous Mozilla: OK; sous IE6, le menu "fait" n'importe quoi.

Pour le menu, je me suis servi: CSS issu des tutoriels
www.alsacreations.com/ en le réaméageant un peu.
http://perso.wanadoo.fr/daniel.daumas/menu.css

pour le reste, j'ai essayé de faire de mon mieux.
http://perso.wanadoo.fr/daniel.daumas/bloc1.css
http://perso.wanadoo.fr/daniel.daumas/bloc2.css

D'ou peut provenir l'erreur de menu avec IE6 ?.
Merci bien.
--
Cordi@lement
D@niel.

10 réponses

Avatar
François Battail
Le Tue, 11 May 2004 19:41:47 +0200, Daniel Daumas a écrit :

Bonsoir,

http://perso.wanadoo.fr/daniel.daumas/presentation.html

sous Mozilla: OK; sous IE6, le menu "fait" n'importe quoi.



Hum, pour *une* fois je donne raison à IE ! Ton menu sous forme de ul li
ne valide pas tu as : <ul></ul><li> un petit tour sur le validateur du w3c
(http://validator.w3.org/) règle les balises fermées prématurément et
ça devrait être mieux vu que le "box model" d'IE 6 en mode conforme doit
correspondre à celui de Mozilla.

@+
fb
Avatar
Daniel Daumas
Bonsoir,

François Battail a écrit :


Hum, pour *une* fois je donne raison à IE ! Ton menu sous forme de ul li
ne valide pas tu as : <ul></ul><li> un petit tour sur le validateur du w3c
(http://validator.w3.org/) règle les balises fermées prématurément et
ça devrait être mieux vu que le "box model" d'IE 6 en mode conforme doit
correspondre à celui de Mozilla.



super ton adresse, je sens que je faire tester ma page à chaque ajout de
code.
Voila, elle est certifiée W3C HTML 4.01, mais le problème de menu est
toujours présent avec IE6. :-(
Bons surfs.

--


Avatar
Dorian
Daniel Daumas wrote:
Bonsoir,

super ton adresse, je sens que je faire tester ma page à chaque ajout
de code.
Voila, elle est certifiée W3C HTML 4.01, mais le problème de menu est
toujours présent avec IE6. :-(
Bons surfs.



Ce qui est bien de faire avec ce genre de menu c de les mettre en
position:fixed pour mozi, et un position:absolute pour ie (car il supporte
pas le fixed ). Au passage, la couleur de fond par défaut pour ie n'est pas
le blanc mais la couleur de fond du système, donc le gris pour moi. Du coup
c laid.
Avatar
Daniel Daumas
Bonsoir,

Dorian a écrit :

Ce qui est bien de faire avec ce genre de menu c de les mettre en
position:fixed pour mozi, et un position:absolute pour ie (car il supporte
pas le fixed ).



Il va falloir que je regarde les tutoriaux afin de bien comprendre les
différences, et mettre ça en application aprés.
Mais peut on mettre les 2 valeurs dans une même CSS, cela ne risque t'il
pas de mettre la grouille ?.

Au passage, la couleur de fond par défaut pour ie n'est pas
le blanc mais la couleur de fond du système, donc le gris pour moi. Du coup
c laid.



vu, je verrai ça plus tard, car là, je sature, j'ai fais pas mal
d'essais, et aucun concluant pour mon menu, mais peut être qu'avec ta
solution citée plus haut, je vais m'en sortir.

Merci.
--


Avatar
Daniel Daumas
Bonjour,

Dorian a écrit :

Ce qui est bien de faire avec ce genre de menu c de les mettre en
position:fixed pour mozi, et un position:absolute pour ie (car il supporte
pas le fixed ).



j'ai mis en absolute pour IE, et donc le menu est un peu mieux, mais si
on regarde avec Mozilla, le menu est centré sur la photo, alors qu'avec
IE, il "monte".
http://perso.wanadoo.fr/daniel.daumas/presentation.html

Et comme apparement on ne peut pas mettre dans la même CSS un absolute
et un fixed; comment fait on ?.

.menu {
list-style-type: none;
position: absolute;
top: 310px;
left: 0px;
margin: 0;
padding: 0;
}

Merci.
--


Avatar
Dorian
Daniel Daumas wrote:
j'ai mis en absolute pour IE, et donc le menu est un peu mieux, mais
si on regarde avec Mozilla, le menu est centré sur la photo, alors
qu'avec IE, il "monte".
http://perso.wanadoo.fr/daniel.daumas/presentation.html



Ce genre de "centrage" ne veut rien dire. Il suffit de changer la taille de
la police pour que ce soit complètement différent. D'ailleurs le coupable
est un gros "trou" entre "présentation" et le paragraphe sous IE.

Et comme apparement on ne peut pas mettre dans la même CSS un absolute
et un fixed; comment fait on ?.



En ajoutant une règle que IE ne comprend pas.
html>body .menu { position:fixed; }

IE va l'ignorer, mais mozi (et les autres) va changer le positionnement du
menu en "fixed"

Merci.



Avec plaisir :)
Avatar
Christian
le mer., 12 mai 2004 10:17:08 GMT, Dorian écrivait sur
fr.comp.infosystemes.www.auteurs

En ajoutant une règle que IE ne comprend pas.
html>body .menu { position:fixed; }



IE win va l'ignorer mais IE 5 Mac va l'interpréter :
il comprend le sélecteur d'enfant ">" et la position fixed.
Malheureusement, dès qu'un lien se trouve dans le bloc {fixed}, celui-ci se
comporte bizarrement lors des scrolls...

--
Christian (enlever le H de mon e-mail)
http://perso.wanadoo.fr/baluchiterium/
Avatar
Carlos Ferreira
Christian wrote:

le mer., 12 mai 2004 10:17:08 GMT, Dorian écrivait :

En ajoutant une règle que IE ne comprend pas.
html>body .menu { position:fixed; }




IE win va l'ignorer mais IE 5 Mac va l'interpréter :
il comprend le sélecteur d'enfant ">" et la position fixed.
Malheureusement, dès qu'un lien se trouve dans le bloc {fixed}, celui-ci se
comporte bizarrement lors des scrolls...



@media screen, projection {
html>body .menu { position:fixed; }
}

Hop, IE/mac ne voit plus le position:fixed. :-)

A+

--
http://www.ifrance.com/fanficcafe
Avatar
Daniel Daumas
Bonjour,

Dorian a écrit :


Ce genre de "centrage" ne veut rien dire. CLIC....



OK.

En ajoutant une règle que IE ne comprend pas.
html>body .menu { position:fixed; }



OK.

IE va l'ignorer, mais mozi (et les autres) va changer le positionnement du
menu en "fixed"



OK.

Avec plaisir :)



Re-merci, je vais essayer de mettre tout ça en pratique.
Bons surfs.

--


Avatar
Daniel Daumas
Bonjour,

Carlos Ferreira a écrit :

@media screen, projection {
html>body .menu { position:fixed; }
}

Hop, IE/mac ne voit plus le position:fixed. :-)



Bien noté, merci pour l'astuce.
Bons surfs.
--