Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
Pages :: 1
#1 13-06-2011 17:48:49
- Maljuna Kris
- Infantimigulo
- Lieu : Douarnenez 29100 Breizh Izel
- Inscription : 08-05-2009
- Messages : 2 453
- Site Web
Ie et l'attribut CSS width de <body>
Saluton mes petits bichons.
Une fois n'est pas coutume, je viens vous demander de l'aide.
J'ai la feuille de style suivante
body {font-family: Arial,sans-serif;
font-size: 11pt;
color:rgb(55,55,55);
background-color:rgb(255,215,235);
background-image:url(TANGAROA.JPG);
background-repeat:repeat-y;
background-position: 100% 0%;
padding-left:1em;
width : 78%
}
p{margin-left:10%;
text-indent:1em;
text-align:justify;}
#prior,#suite { width:10%}
#sumaro{width:80%}
p:first-letter{font-weight:bold;}
dt{padding-left: 3em;
font-size: 1.em;
font-weight:bold}
dd{padding-left:5em;
font-style:italic}
h1,h2,h3,h4 {color: rgb(0,128,128);
padding-left:.5em}
Avec FF, Chrome ou Opéra, no problemo;
Par contre avec IE, le texte déborde sur l'image à droite.
Je pense qu'une fois de plus IE ne se comporte pas comme tous les autres et, soit le width:78% de body soit le background-position :100%,0%, lui pose problème.
Un avis, une piste ?
Gloire à qui n'ayant pas d'idéal sacro-saint,
Se borne à ne pas trop emmerder ses voisins. G. Brassens Don Juan 1976.
Avĉjo MoKo kantas
La chaîne YouTube MoKo Papy
Hors ligne
#2 14-06-2011 10:21:37
- Maljuna Kris
- Infantimigulo
- Lieu : Douarnenez 29100 Breizh Izel
- Inscription : 08-05-2009
- Messages : 2 453
- Site Web
Re : Ie et l'attribut CSS width de <body>
En fait le problème est plus complexe que je ne croyais.
Si l'on réduit la fenêtre du navigateur, l'image de fond garde la même taille et donc les 70% de texte finissent par déborder dessus, quel que soit le navigateur.
Donc c'est tout pas bon cacaboudin mon truc.
Beurk !
Gloire à qui n'ayant pas d'idéal sacro-saint,
Se borne à ne pas trop emmerder ses voisins. G. Brassens Don Juan 1976.
Avĉjo MoKo kantas
La chaîne YouTube MoKo Papy
Hors ligne
#3 14-06-2011 12:47:30
Re : Ie et l'attribut CSS width de <body>
Bonjour,
MK, j'avoue que ta méthode de mettre un width à 78% sur la balise body, est très surprenante pour moi, et c'est à mon avis quelque chose qui n'est pas naturel.
En effet, la balise <body> représentant toujours l'espace affichable du navigateur, il est difficile d'imaginer pouvoir influer dessus à ce point à partir de là au lieu de js.
La meilleure méthode propre pour faire ce que tu souhaites reste incontestablement celle qui utilise une div.
++
POO PHP+Ajax en MVC avec PDO et Bases de données épaisses : What else?
Hors ligne
#4 14-06-2011 14:40:01
- Maljuna Kris
- Infantimigulo
- Lieu : Douarnenez 29100 Breizh Izel
- Inscription : 08-05-2009
- Messages : 2 453
- Site Web
Re : Ie et l'attribut CSS width de <body>
Ouais, mais je trouve nul d'utiliser une div sans utilité sémantique d'une part, d'autre part, ça ne résoud pas le problème. Il faudrait que je définisse la largeur maximale de la div non en % mais en soustraction de la largeur de l'image de background à 100%.
Gloire à qui n'ayant pas d'idéal sacro-saint,
Se borne à ne pas trop emmerder ses voisins. G. Brassens Don Juan 1976.
Avĉjo MoKo kantas
La chaîne YouTube MoKo Papy
Hors ligne
#5 14-06-2011 16:51:04
Re : Ie et l'attribut CSS width de <body>
Re,
Tu veux dire que ton 78% est censé représenté la largeur de ta surface de travail par rapport à ton image? Si c'est ça, ca ne fonctionne pas ainsi car les 78% sont calculées par rapport à ta surface d'écran affichée et non par rapport à ton image. Par conséquent il te manquera toujours une donnée pour tomber juste. Par contre la div, ses dimensions étant connues quelque soit la surface affichée, tu pourras via js et à partir des dimensions de ton image, réajuster dynamiquement le padding de ta div pour que ton texte ne dépasse jammais. Faudrais quand même essayer l'exercice au niveau du body avec un padding-left et un padding-right. Vu sous cet angle maintenant, tu pourrais même économiser des calculs avec un prorata calculé initial sur les dimensions de ta div, et faire faire le reste au css avec un margin-left:auto et un margin-right:auto. pour cadrer ton texte.
++
POO PHP+Ajax en MVC avec PDO et Bases de données épaisses : What else?
Hors ligne
#6 14-06-2011 17:23:51
- Maljuna Kris
- Infantimigulo
- Lieu : Douarnenez 29100 Breizh Izel
- Inscription : 08-05-2009
- Messages : 2 453
- Site Web
Re : Ie et l'attribut CSS width de <body>
Bon, en fait j'ai ramené le padding de p à 5% et j'ai virer le width :78% du body que j'ai remplacé par un margin-right :220px (l'image fait 194px de large) et ça à l'air d'aller bien.
Pas de div inutile, pas de javascript superfétatoire.
C'était ça ou je virais le background.
Gloire à qui n'ayant pas d'idéal sacro-saint,
Se borne à ne pas trop emmerder ses voisins. G. Brassens Don Juan 1976.
Avĉjo MoKo kantas
La chaîne YouTube MoKo Papy
Hors ligne
#7 14-06-2011 17:29:44
- Maljuna Kris
- Infantimigulo
- Lieu : Douarnenez 29100 Breizh Izel
- Inscription : 08-05-2009
- Messages : 2 453
- Site Web
Re : Ie et l'attribut CSS width de <body>
JC, en fait les 78% provenaient d'une estimation "a ojo de buen cubero". En fait, "de mal cubero".
Gloire à qui n'ayant pas d'idéal sacro-saint,
Se borne à ne pas trop emmerder ses voisins. G. Brassens Don Juan 1976.
Avĉjo MoKo kantas
La chaîne YouTube MoKo Papy
Hors ligne
Pages :: 1