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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Mac Explorer et CSS : éviter la déformation lié a un texte trop long

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Mac Explorer et CSS : éviter la déformation lié a un texte trop long

n°1016918
+yann
Posté le 18-03-2005 à 09:56:52  profilanswer
 

Salut,
 
Je viens de faire un site www.gelco.fr compatible IE PC, FireFox PC, Netscape MAC, Opera PC, Conqueror MAC, cependant il s’affiche pas correctement sur le IE des Macs.
 
 
Voici mes problèmes :
 

  • J’aimerais centrer mon cadre principal au milieu de la page horizontalement [résolu] (et verticalement si possible)


Code :
  1. .cadre { /*Conteneur du site entier*/
  2. position: relative;
  3. width: 700px;
  4. height: 538px;
  5. background-color: #000000;
  6. margin-right: auto;
  7. margin-left: auto;
  8. overflow: hidden;
  9. }


 

  • Sur les pages société et création, le texte descriptif est trop long, alors ça empêche la photo de droite de s’afficher correctement.

Mon problème provient de la longueur du texte, les autres pages s’affichants correctement sont exactement identique niveau code.
 
 
Voici comment j'ai organisé ma page : J'ai conteneur dans lequel ce trouve a gauche une div menu-la-societe (avec du texte dedans) et de droite une div zone-photo avec donc une photo dedans.
 

Code :
  1. .contenu { /*Conteneur du contenu : sous menu et photo*/
  2. width: 700px;
  3. height: 452px;
  4. overflow: hidden;
  5. }
  8. .menu-la-societe{
  9. float: left;
  10. background-color: #8A8A88;
  11. height: 432px;
  12. width: 156px;
  13. padding-top: 20px;
  14. padding-left: 10px;
  15. padding-right: 10px;
  16. }
  19. .texte-la-societe{
  20. font-family:Verdana, Arial, Helvetica, sans-serif;
  21. color: #FFFFFF;
  22. font-size:13px;
  23. padding: 0px;
  24. margin: 0px;
  25. }
  28. .zone-photo{
  29. float: right;
  30. background-color: #000000;
  31. height: 452px;
  32. width: 524px;
  33. overflow:visible;
  34. }
  36. .photo{
  37. position: absolute;
  38. border: 0px;
  39. height: 452px;
  40. width: 524px;
  41. }


 
 
Savez-vous quel paramètre je dois modifier ou ajouter pour rendre ce code css comptablie IE mac ?
 
Merci d’avance pour votre aide,
 
Yann


Message édité par +yann le 18-03-2005 à 15:16:48
mood
Publicité
Posté le 18-03-2005 à 09:56:52  profilanswer
 

n°1017320
+yann
Posté le 18-03-2005 à 13:56:58  profilanswer
 

Arf, spa facile de trouver de l'aide pour un mac :/

n°1017578
Niboubi
Posté le 18-03-2005 à 15:10:22  profilanswer
 

Propose aux utilisateurs Mac de DL Firefox pour Mac :)

n°1017597
+yann
Posté le 18-03-2005 à 15:15:28  profilanswer
 

Je peux eventuellement le proposer, mais j'aimerais bien que les utilisateurs IE mac puisse voir les photo, meme si elle sont mal placées.
 
NB : Le centrage vertical fonctionne, j'ai du mettre un div en plus, impossible de centrer directement mo div cadre
 

Code :
  1. .cadre { /*Conteneur du site entier*/
  2. position: relative;
  3. text-align: left;
  4. width: 700px;
  5. height: 538px;
  6. background-color: #000000;
  7. overflow: hidden;
  8. }
  9. body {
  10. text-align: center;
  11. margin-top: 20px;
  12. background-color: #1D1A1A;
  13. overflow: hidden;
  14. }
  15. .centrage {
  16. margin: 0 auto;
  17. width: 700px;
  18. }

n°1017779
+yann
Posté le 18-03-2005 à 17:21:12  profilanswer
 

Recapitulatif :
 

  • le centrage vertical fait planter IE MAC


Solution : J'applique le centrage vetical aux navigateurs differents de IE MAC
 

  • La taille de mes polices decale tout mon design avec IE MAC


Solution : Je reduis la taille de la police pour les navigateurs IE MAC uniquement.
 
 
Comment faire techniquement :
 
IE MAC a un BUG, il considère l'antislash comme un caractère d'échappement même au sein d'un commentaire.
 
Voici l'explication detaillé : http://www.ultra-fluide.com/ressou [...] -hacks.htm

n°1017784
Hermes le ​Messager
Breton Quiétiste
Posté le 18-03-2005 à 17:26:46  profilanswer
 

+yann a écrit :

Recapitulatif :
 

  • le centrage vertical fait planter IE MAC


Solution : J'applique le centrage vetical aux navigateurs differents de IE MAC
 

  • La taille de mes polices decale tout mon design avec IE MAC


Solution : Je reduis la taille de la police pour les navigateurs IE MAC uniquement.
 
 
Comment faire techniquement :
 
IE MAC a un BUG, il considère l'antislash comme un caractère d'échappement même au sein d'un commentaire.
 
Voici l'explication detaillé : http://www.ultra-fluide.com/ressou [...] -hacks.htm


 
 
Récapitulatif :
 
On évite d'utiliser des hacks pourris à tour de bras et de centrer verticalement qqc avec des marges négatives.
Soit on fait tout avec des divs et on se contente de CERTAINS types de mise en page, soit on utilise avec parcimonie des tables, mais on s'assure dans tous les cas d'avoir un code standard et identique pour tous les navigateurs. :o

n°1018134
+yann
Posté le 19-03-2005 à 00:14:39  profilanswer
 

Ou tout simplement envoyer chier les utilisateurs d'IE MAC :o


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

  Mac Explorer et CSS : éviter la déformation lié a un texte trop long

 

Sujets relatifs
Aide HTML/CSS[JAVA] [Résolu] Afficher une page html avec CSS dans un JEditorPane
[RESOLU] [CSS] bug IE : texte invisible et décalage bizarre[access] Ds une requete, convertir un champ texte en date
[CSS] Bordure d'un tableauJavascript et message d'avertissement d'Internet Explorer
[HTML/CSS/JS] redimensionner une image en fonction de la resolution ?Centrer un tableau en CSS
[CSS] Aligner une partie d'un <p> à droite ? 
Plus de sujets relatifs à : Mac Explorer et CSS : éviter la déformation lié a un texte trop long

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

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