Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3496 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Mac : Problèmes divers - PART II : IE Mac et les marges

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] Mac : Problèmes divers - PART II : IE Mac et les marges

n°742946
cosmoschtr​oumpf
dawa powered
Posté le 28-05-2004 à 12:03:42  profilanswer
 


[EDIT] : problème résolu, le problème suivant est un peu plus bas.
 
 
bonjour à tous
 
j'ai un petit code css assez simple (certes noyé dans un code moins simple), qui ne marche pas sous IE Mac uniquement. C'est un simple affichage d'image, et ça n'affiche pas l'image.
Ca me perturbe grandement, parce que c'est le seul navigateur qui ne marche pas (testé avec IE PC, Firefox / Mozilla, Safari, Camino, Konqueror). Voici le CSS incriminé :
 

Code :
  1. body {
  2. padding: 0;
  3. margin: 0;
  4. background-image: url('images/image-fond.jpg');
  5. background-position: top left;
  6. background-repeat: no-repeat;
  7. }


 
Voilà, je viens de tester cette version (y'avait d'autres trucs autour juste avant), et ça ne marche vraiment pas.
 
Alors si quelqu'un pouvait m'aider, je lui en serais grandement reconnaissant, parce que là, je suis perdu.
 
Merci à tous ! :)


Message édité par cosmoschtroumpf le 28-05-2004 à 12:50:29
mood
Publicité
Posté le 28-05-2004 à 12:03:42  profilanswer
 

n°742999
fastclemmy
(re-)Dictateur en plastique
Posté le 28-05-2004 à 12:20:23  profilanswer
 

background-image: url('images/image-fond.jpg');
 
> enlève les apostrophes

n°743084
cosmoschtr​oumpf
dawa powered
Posté le 28-05-2004 à 12:47:57  profilanswer
 

Damned, il me semblait pourtant que j'avais toujours vu les url() avec des guillemets ou apostrophes.
 
Merci grandement ! :)
 
 
Ok, maintenant, PART II : le retour des marges.
 
J'ai un menu en liste, comme suit :
 

Code :
  1. <ul id="menu">
  2. <li><a href="">Element 1</a></li>
  3. <li>
  4.   <ul id="ssmenu">
  5.     <li><a href="">Element 2</a></li>
  6.   </ul>
  7. </li>
  8. </ul>


 
Bien sûr le menu est plus grand que ça, mais c'est dans l'idée.
 
Et là, le CSS (j'ai viré les infos comme les couleurs ou la taille du texte) :
 

Code :
  1. /* ***** MENU ***** */
  2. #menu {
  3. position: absolute;
  4. top: 115px;
  5. left: 5px;
  6. padding: 0;
  7. }
  8. #menu li {
  9. list-style-type: none;
  10. margin: 2px;
  11. }
  12. #menu a {
  13. display: block;
  14. border: #55481c solid 1px;
  15. border-left: 5px solid #55481c;
  16. border-right: 5px solid #55481c;
  17. text-align: center;
  18. padding: 2px 0 2px 0;
  19. width: 150px;
  20. }
  22. /* ***** SOUS-MENU ***** */
  24. #ssmenu {
  25. border: #000 1px solid;
  26. padding: 0;
  27. border: 0;
  28. }
  29. #ssmenu li {
  30. list-style-type: none;
  31. padding: 1px;
  32. margin: 1px;
  33. }
  34. #ssmenu a {
  35. border: 1px solid #000;
  36. width: 150px;
  37. padding: 1px;
  38. padding-left: 5px;
  39. }


 
Voilà, c'est un peu brutal, mais bon.
 
Donc sous Gecko et KHTML, aucun problème :
 
http://cosmo0.free.fr/divers/menu7doc-1.jpg
 
Mais sous IE Mac (eh oui encore), plus dur :  
 
http://cosmo0.free.fr/divers/menu7doc-2.jpg
 
Parce que non seulement le sous-menu est décalé et mord sur le texte, mais en plus le menu aussi est décalé (ce qui est cependant moins grave).
 
Comment arranger ça ?
à noter que je n'ai pas testé sous IE Win, n'ayant pas de PC sous la main ici, alors si ça marche pas sous IE Win, et que vous me le dites, je vous en serais très reconnaissant :)
 
 
[EDIT] : Confirmant mon titre (aisément acquis) de boulet, je viens de tester avec #ssmenu ul {margin:0;}, et miracle, ca enlève le décalage du sous-menu. Cependant, le menu en global reste décalé. Même si je ne suis pas partisan du "la même chose au pixel près partout", lorsque l'on est en résolution plus petite, le menu mord encore sur le texte, ce qui n'arrive pas sous Gecko (ou alors dans des vraiment petites résolutions). Même si ce n'est pas le problème le plus grave que j'aie jamais eu, ça reste un problème.
 
Merci !


Message édité par cosmoschtroumpf le 28-05-2004 à 12:58:35
n°744965
cosmoschtr​oumpf
dawa powered
Posté le 29-05-2004 à 21:40:10  profilanswer
 

et :bounce: parce que bon, hein... :D


Message édité par cosmoschtroumpf le 29-05-2004 à 21:40:25
n°745014
belgique
Posté le 30-05-2004 à 00:03:10  profilanswer
 

ul { margin:o}


Message édité par belgique le 30-05-2004 à 00:04:18
n°745214
antp
Super Administrateur
Champion des excuses bidons
Posté le 30-05-2004 à 14:09:15  profilanswer
 

C'est pas plutôt 0 que o ? :o


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°745284
belgique
Posté le 30-05-2004 à 15:38:23  profilanswer
 

:o


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Mac : Problèmes divers - PART II : IE Mac et les marges

 

Sujets relatifs
[divers] Probleme compil Lex/yaccpb css
Récupérer une adresse macCSS - probleme de marges avec IE par rapport à FIREFOX
petit problème de css/JscriptCSS et Opera
comment tester le rendu d'un site sur diferents browser (mac & pc)[css] largeur d'une <div> = largeur du tableau contenu dedans..
CSS aide d'impression 
Plus de sujets relatifs à : [CSS] Mac : Problèmes divers - PART II : IE Mac et les marges

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.061 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR