Calque fixé pour de bon. Utopie ?

Bibilefou · Message par **Bibilefou** » 18 sept. 2003, 18:50

Salut !

Je suis en train de réaliser un site. J'ai besoin d'incruster plusieurs grosses parties textuelles sur la page. J'avais pensé aux iframe mais j'avais oublié que c'était la merde à gérer (référencement entre autre).

Je suis maintenant en train de m'acharner a incorporer ces fichiers dans des calques (<div>). Le problème des calques, c'est le positionnement sous Mozilla, IE ... J'ai un sale décalage entre ces 2 browsers.

Mon calque est inclu à l'intérieur d'une cellule d'un tableau (pas le choix, design oblige). Sous Firebird, le calque se place sous le tableau, sous IE 6, le calque est à sa bonne place, dans la cellule. Le calque est positionné en absolu (position: absolute;). Pour contrer ça, je suis obligé de coller des marge au calque sous Firebird. Mais du coup, ça foire sous IE.

Quelqu'un sait il comment positionner "universellement" un calque ?

olab · Message par **olab** » 18 sept. 2003, 18:52

Hello,
Si tu ne mets pas la position en absolute IE ainsi que Gecko positionneront ton div dans le tableau, comme cela devrait être...
Un bout de code ou une adresse aiderait

O

Bibilefou · Message par **Bibilefou** » 18 sept. 2003, 19:13

Ok, c bon.

J'ai passé la position en normal (CSS 2) :

position: normal;
margin-top: -259px;
margin-left: 15px;

C'est bon. Merci pour la piste.

olab · Message par **olab** » 18 sept. 2003, 19:17

Bibilefou a écrit :Ok, c bon.

J'ai passé la position en normal (CSS 2) :

position: normal;

C'est valide ça ??? Si tu ne spécifies pas fixed, absolute, relative, ou inherit (ou encore static je crois) pas la peine de mettre l'attribut position.

Bibilefou a écrit :margin-top: -259px;
margin-left: 15px;

C'est bon. Merci pour la piste.

Bah alors bibi t'es fou ?

C'est quoi ce margin négatif !? C'est pas interdit mais là je vois pas trop l'intérêt, surtout d'autant de pixels...

O

olab · Message par **olab** » 18 sept. 2003, 19:20

c'est bien ce que je dis, c'est pas valide le "normal" :

http://www.w3.org/TR/CSS2/visuren.html#propdef-position a écrit :'position'
Value: static | relative | absolute | fixed | inherit
Initial: static

Bibilefou2 · Message par **Bibilefou2** » 18 sept. 2003, 19:45

Bais merde alors ... Décidément, ça me gonfle....
Si tu veux jeter un oeil au code en question :

[edit: url supprimée suite à la demande de l'utilisateur]

(c le serveur de développement, pas de prod. Donc soyez gentils !).

olab · Message par **olab** » 18 sept. 2003, 19:56

l'image juste avant ton div t'oblige à faire le -200px, elle devrait plutôt être en fond, ou alors dans une cellule spéciale du tableau et pas comme ça...

Bibilefou · Message par **Bibilefou** » 18 sept. 2003, 20:09

c juste l'image ? merde ...
je sais pas où la mettre ....
si tu as une idée, je suis preneur.

olab · Message par **olab** » 19 sept. 2003, 00:02

Euh, franchement, je crois que tu devrais revoir un peu le code, l'est pas valide xhtml du tout :-] (notamment un joli <tr valign="top">...)
Sinon je sais pas moi l'image tu peux essayer en background du div mais je sais pas trop à quoi elle sert.

Bibilefou · Message par **Bibilefou** » 19 sept. 2003, 00:13

Mon doc est quasi valide ! Il y a juste un textarea avec l'attribut rap qui passe pas au test du W3C.

Je vais creuser ...
Merci quand même.

olab · Message par **olab** » 19 sept. 2003, 00:19

oui sorry j'ai parlé un peu vite, c'est du xhtml transitionnal, je m'étais focalisé sur le Strict qui n'uatorise pas certaines choses, notamment le valign.

Par contre pas facile de savoir où va cette image on dirait une bordure de tableau non ? Pourquoi ne pas utiliser le border du div à ce moment là ?

Bibilefou · Message par **Bibilefou** » 19 sept. 2003, 01:35

Je suis pas assez rigoureux pour utiliser le strict. pis merde ! c lourd à coder du strict si on veut un design particulier....

Donc sinon, ça marche comment le border du div ?? Je connaissais pas ça.

Sinon, là, j'ai passé l'image en arrière plan + style qui aligne l'image en haut à gauche. J'ai séparé la cellule en 2. Formulaire directement dans le td. Plus à se faire chier pour caller le div.

SIBELIUS · Message par **SIBELIUS** » 19 sept. 2003, 09:32

Le Strict n'a rien de compliqué à coder, il suffit d'être un minimum attentif.

"Position : normal" ne sert à rien car c''est la position par défaut. Autant ne rien mettre.

Pour positionner tes div comme tu le veux, voici le lien de référence :
* http://openweb.eu.org/mise_en_page/

Pour avoir des exemples plus marquants :
* http://www.alsacreations.com/articles/design/ (un site sans tableaux)
* http://www.alsacreations.com/articles/frames/ (un site sans frames ni iframes)

titou · Message par **titou** » 19 sept. 2003, 09:38

Moi je trouve pas que ce soit le strict le difficile, le difficile c'est de faire un truc qui fonctionne bien avec IE et Gecko, car souvent on fait un truc strict qui est super avec gecko et en vrac avec IE et c'est ça qui est difficile put... de IE
Enfin c'est mon avis.

olab · Message par **olab** » 19 sept. 2003, 10:04

Bibilefou a écrit : Je suis pas assez rigoureux pour utiliser le strict. pis merde ! c lourd à coder du strict si on veut un design particulier....

Oh on peut faire des trucs sympa avec du strict. Bon je sais les deux exemples que je vais donner sont pour un de moi et l'autre juste la CSS mais au moins je suis sûr qu'ils sont en strict

http://www.frenchmozilla.org
http://olab.free.fr

Tu vois qu'on peut faire des designs sympas en se cassant la tête un minimum

titou a écrit :Moi je trouve pas que ce soit le strict le difficile, le difficile c'est de faire un truc qui fonctionne bien avec IE et Gecko, car souvent on fait un truc strict qui est super avec gecko et en vrac avec IE et c'est ça qui est difficile put... de IE
Enfin c'est mon avis.

Tout à fait d'accord, c'est l'enfer, je te raconte pas ce qu'il a fallut que je bidouille pour que mon site soit semblable dans les deux

Geckozone

Calque fixé pour de bon. Utopie ?

Calque fixé pour de bon. Utopie ?

Qui est en ligne ?