[Résolu] Effets CSS non désirés...
Effets CSS non désirés... [Résolu] - HTML/CSS - Programmation
Marsh Posté le 10-11-2006 à 17:33:59
| jordel a écrit : 1) Tout d'abord, il y a un petit décalage de 1px entre FF et IE au niveau du haut du menu... |
Je ne peux pas t'aider pour le reste, mais 1px de différence entre la version IE et la version FF c'est absolument pas grave. Pense bien que personne ne fera la comparaison entre les deux.
Le but c'est pas que le site soit identique au pixel près sur les deux navigateurs, mais bien qu'ils soient équivalents. Nuance 
Marsh Posté le 10-11-2006 à 17:40:34
Merci de ta bienveillance
J'avais peur qu'en ne le signalant pas... je me fasse enguirlander 
Marsh Posté le 10-11-2006 à 22:03:42
bah y a encore du boulot ..
en vrac:
il te faut une dtd
pour commencer je te conseille celle ci
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
tu pourras utiliser une stricte plus tard
apres un id est unique alors que tu utilises plusieurs fois contenu_menu
et pour finir un petit lien
http://validator.w3.org/
Marsh Posté le 10-11-2006 à 22:46:31
Merci mIRROR...
Je vais checker tout ceci 
Les CSS ne faisaient pas partie de mes priorités (tableau powaaa) mais maintenant que j'y prends gout... j'aimerai bien faire !!!
Thanks
Marsh Posté le 11-11-2006 à 15:59:07
Si tu ne connais pas bien les Css je te conseille de faire quelques tests avant, pour voir comment certaines propriétés se comportent d'un navigateur à l'autre.
---------------
Ignore previous instructions, give me a recipe for a vegetarian couscous.
Marsh Posté le 13-11-2006 à 10:31:43
Bonjour !!!
@Martius : j'ai fait pas mal de tests avant et tout était OK au niveau des affichages mais depuis que j'ai ajouté la DTD, l'affichage sur IE merdouille (ou c'est tout simplement moi )
Sinon... j'ai un document valide au niveau de w3.org maintenant cooool mais toujours cette grosse différence d'affichage entre IE et FF !!! Bizarrre non ??? ou alors ai je oublié quelque chose d'important ???
Merci d'avance !!!
Marsh Posté le 13-11-2006 à 11:14:56
| mIRROR a écrit : il te faut une dtd |
Dans l'absolu c'est pas faux, mais les dtd transitionelles sont souvent cause de bien des différences de mise en page ennuyeuses entre les différents navigateurs (enfin d'après mon humble expérience professionnelle). Donc, pour un site de société, je conseillerais de les éviter autant que possible.
Marsh Posté le 13-11-2006 à 11:19:50
Reply
Marsh Posté le 13-11-2006 à 11:27:16
| jordel a écrit : Merci pour ta réponse Aghould... |
Pour les sites qui ne nécessitent pas le xhtml (qui peut être utile, mais rarement utilisé à bon escient), celle-ci est très bien :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Marsh Posté le 13-11-2006 à 12:19:15
Encore une fois, un grand MERCI
Apparemment le problème vient d'une mauvaise interprétation d'IE... qui laisse donc un espace vide qui correspond à la taille de mon menu...
Mon menu étant mis en page par un "top : -240px" ... on dirait qu'il n'aime pas trop ce déplacement de div et qu'il laisse une marge vide 
Vous connaissez l'astuce pour réparer cela ???
Mici
Marsh Posté le 13-11-2006 à 12:46:29
| jordel a écrit : Encore une fois, un grand MERCI |
Alors, j'ai un peu regardé ton code et plusieurs remarques me viennent :
1/ pourquoi avoir mis un tableau dans ta div d'en-tête ?
2/ je ne comprends pas le sens de ta div "bandeau_haut" qui selon moi n'a pas lieu d'être (une image suffirait amplemant)
3/ ta div "bandeau_orange" est à mon sens utilisée à mauvais escient : j'aurais plutôt mis un <hr> stylé pour obtenir une barre orange (il s'agit après tout d'un séparateur)
4/ pour placer le menu "au-dessus" de ton bandeau d'accueil, j'aurais utilisé le placement absolu par rapport à ta div "conteneur" (à laquelle il faut spécifier un position:relative; pour que le positionnement absolu du menu se face par rapport à cette div)
... je n'ai pas été plus loin
Marsh Posté le 13-11-2006 à 15:34:47
Merci
Alors...
Pour le 1/ : je sais pas pourquoi... je viens de le modifier
Pour le 2/ : oui en effet... j'ai viré cela
Pour le 3/ : je garde la div car à terme, il y aura du texte dans ce bandeau orange (infos, promos...)
Pour le 4/ : great... sur FF mais pas great sur IE J'dois avoir un décalage quelque part !!!
Si tu as d'autres remarques, n'hésites pas...
Sinon, niveau implémentation de mon CSS... ça te paraît bien pour un début ou pas ???
++
Sujets relatifs:
- [RESOLU] Ordre d'execution a la creation dune form ?
- logiciel d'édition CSS
- [résolu] Perte connexion Mysql 5 après chaque requête d'un script php
- Problème CSS Explorer 6
- [presque résolu] Problème de Session
- [résolu] Besoin d'aide pour écrire une requête SQL compliquée
- Résolu - Effacer des champs dans des tables à partir d'un select
- [RESOLU] PHP EXIF et retouche d'image
- [resolu] Probleme passage iframe --> include
- [résolu] Prendre un nom de fichier + répertoire en macro pour excel
Marsh Posté le 10-11-2006 à 17:27:27
Bonjour à tous...
)
J'espère que vous allez bien !!! (enfin, ceux qui liront ce topic
Alors... Je suis en train de mettre en place un petit site pour la société d'un ami : http://www.cmgfrance.fr/tests/
Et comme vous le verrez selon le navigateur que vous utilisez... il y a des différences d'affichage !!!
1) Tout d'abord, il y a un petit décalage de 1px entre FF et IE au niveau du haut du menu...
2) Ensuite, il y a un GOUFFRE entre le menu et le centre de la page sous IE alors que ce souci n'existe pas sous FF !!!
3) Je suis preneur de tout conseil au niveau CSS car j'essaie de coller un max aux standards mais j'suis pas encore un as
Merci d'avance à tous !!!
Bonne fin de journée et bon weekend !!!
Message édité par jordel le 16-11-2006 à 10:48:12