OVH Cloud OVH Cloud

Essai en CSS

3 réponses
Avatar
Pleurote du Panicaut
Bonjour,

Je situe le contexte :
J'ai besoin d'écrire un (gros) support de cours, donc je l'attaque sous
Word... et PAN sur les doigts, fichier vérolé je ne sais pas où, impossible
de sauvegarder la moindre modif, alors que j'y travaile depusi plusieurs
jours... et qu'il m'en reste tout autant à faire !

Donc, ayant les grosses boules, je me dis => tout en html !

Et je viens de m'essayer à ça :

<div style="position: absolute; width:100%;">
<div style="z-index:1; position: absolute; top: 0; left: 0; width:100%;
border: thick ridge; border-color: #7189AB #BAD4FF #BAD4FF #7189AB; color:
#fff; vertical-align:bottom;"><H1 style="text-align: center;">CREATION D'UN
DOCUMENT</H1></div>
<div style="z-index: 0; position: absolute; top: 10px; left: 5px; width:
100%; color: #000; border-bottom: 7px solid Black; border-right: 5px solid
Black; background-color: #aaa;"><H1 style="text-align: center;">CREATION
D'UN DOCUMENT</H1></div>
<div style="z-index: 0; position: absolute; top: 0; left: 0; width: 100%;
background-color: #aaa;"></div>
</div>

Et comme prévu, c'est pas pariel du tout sous IE et MOZ !

Sous MOZ, pourquoi il fout le camp à droite ?
Sous MOZ, pourquoi malgré le troisième DIV, il me fait cette bande blanche ?
Sous IE, pourquoi le texte n'est pas centré verticalement dans la boîte ?

Voilà, si quelqu'un pouvait m'aider...


@+
--
Jean-Paul Boussac...Tout savoir sur MyIE2,
HTLM-Kit en français, anti SPAM sous Windows,... :
http://boussac.online.fr/Windows/

3 réponses

Avatar
Dorian
Pleurote du Panicaut wrote:
Bonjour,

Je situe le contexte :
J'ai besoin d'écrire un (gros) support de cours, donc je l'attaque
sous Word... et PAN sur les doigts, fichier vérolé je ne sais pas où,
impossible de sauvegarder la moindre modif, alors que j'y travaile
depusi plusieurs jours... et qu'il m'en reste tout autant à faire !



Ah bon ? C'est bizarre. Essaye de l'importer dans un autre fichier, c'est le
truc qui permet de contourner les mots de passe.

[SNIP]

Et comme prévu, c'est pas pariel du tout sous IE et MOZ !

Sous MOZ, pourquoi il fout le camp à droite ?



Parce que mozilla calcule la taille comme il faut, cad c'est 100% + la
bordure ( + 5px de décalage pour le deuxième div )

Sous MOZ, pourquoi malgré le troisième DIV, il me fait cette bande
blanche ?



Parce que, n'ayant pas spécifié de hauteur celle ci se cale sur le contenu.
Mais le contenu étant vide ...

Sous IE, pourquoi le texte n'est pas centré verticalement
dans la boîte ?



C'est , je pense parce que la marge associé par défaut au <h1> n'est pas la
même pour les deux navigateurs.

Voilà, si quelqu'un pouvait m'aider...



Moi je dit, openoffice et l'export en pdf c'est le top :)

--
Tentative avortée
Avatar
Pleurote du Panicaut
Dans le message 4090d1bb$0$27024$,
Dorian nous écrivit :
Ah bon ? C'est bizarre. Essaye de l'importer dans un autre fichier, c'est
le truc qui permet de contourner les mots de passe.



C'est la première chose que j'ai tentée. Puis, page par page pour trouver où
était la merde. Et sur deux autres postes (Win98 et WinXP)... même punition
! Le maxi que j'ai réussi, c'est 5 pages sur 17 avant que ça bloque à
nouveau !?! Que je commnce par la fin ou le début, même punition !

Je pense savoir où est le problème, ce sont les styles. J'en ai mis "pas
mal" car une grosse partie du document décrit la charte, puisque c'est à
partir d'elle que tous les futurs documents devront être pondus. Si j'ai le
temps, je teste, mais c'est HS ici.

Sous MOZ, pourquoi il fout le camp à droite ?



Parce que mozilla calcule la taille comme il faut, cad c'est 100% + la
bordure ( + 5px de décalage pour le deuxième div )



J'y ai pensé cette nuit, je n'aurai pas du poser la question !

Sous MOZ, pourquoi malgré le troisième DIV, il me fait cette bande
blanche ?



Parce que, n'ayant pas spécifié de hauteur celle ci se cale sur le
contenu. Mais le contenu étant vide ...



Je ne savais pas que l'on pouvait mettre un heigth sur un DIV, je le croyais
réserver au TABLE => ça marche !

Sous IE, pourquoi le texte n'est pas centré verticalement
dans la boîte ?



C'est , je pense parce que la marge associé par défaut au <h1> n'est pas
la même pour les deux navigateurs.



Sauf que dans sans "width:100%;", c'est bien cadré !?! Si je mets le
"width:100%;" dans le H1, ça marche aussi !?! Et avec un padding à 20px, ça
merde encore ???

Moi je dit, openoffice et l'export en pdf c'est le top :)



Avant de faire l'export, faudrait que j'arrive déjà à le faire ;-)

Merci

@+
--
Jean-Paul Boussac...Tout savoir sur MyIE2,
HTLM-Kit en français, anti SPAM sous Windows,... :
http://boussac.online.fr/Windows/
Avatar
Dorian
Pleurote du Panicaut wrote:

Sauf que dans sans "width:100%;", c'est bien cadré !?! Si je mets le
"width:100%;" dans le H1, ça marche aussi !?! Et avec un padding à
20px, ça merde encore ???



Pk ne pas tout simplement mettre un "margin:10px" par exemple sur le <h1> ?

Moi je dit, openoffice et l'export en pdf c'est le top :)



Avant de faire l'export, faudrait que j'arrive déjà à le faire ;-)



Implicitement, je me demandais si tu ne pouvais pas essayer d'ouvrir ton
fichier word avec openoffice, et le retravailler dessus.

--
Tentative avortée