Page 1 sur 1

IE vs FOX: alignements

Publié : 11 mars 2005, 13:27
par ottomar
mon css:

.logo {
position: absolute;
top: 3px;
left: 3px;
width: 120px;
}

mon html

<div class="logo">
<a href="#"><img1 /></a>
<a href="#"><img2 /></a>
</div>

-----------
il s'agit de 2 icones de 48/48 que je veux mettre côte à côte
sur Fox, no problem
sur IE, elles sont l'une au-dessus de l'autre
qu'y faire :?:
merci

Publié : 11 mars 2005, 13:51
par SIBELIUS
Et si tu l'écris ainsi ? (IE est parfois capricieux)

<div class="logo">
<a href="#"><img1 /></a><a href="#"><img2 /></a>
</div>

Publié : 11 mars 2005, 14:05
par ottomar
:lol:
------
elles sont toujours l'une au-dessus de l'autre et yapu d'espace entre les 2
fox: pas bougé
---------
sacré Bill :lol:
----------
[edit]: faux, j'ai plus d'espace non plus dans fox
sacré pande :lol:
----------
j'essaie avec <ul>

Publié : 11 mars 2005, 14:09
par SIBELIUS
Et si tu agrandis le div ?

Publié : 11 mars 2005, 14:16
par ottomar
en fait j'ai même enlevé le controle width dans le css, ça simplifie et ça ne change rien

Publié : 11 mars 2005, 14:23
par SIBELIUS
ottomar a écrit :en fait j'ai même enlevé le controle width dans le css, ça simplifie et ça ne change rien
Hmm le width est obligatoire si l'élément en en absolu, sinon il n'aura pas de taille intrinsèque.
Au fait, si tu supprimes le positionnement, ça donne quoi ?

Publié : 11 mars 2005, 14:42
par ottomar
ça me fait redescendre mon titre qui est à coté centré
et toujours dessus-dessous chez ie
----------
et dessus dessous chez bill ne me fait rien bouger dans la page

Publié : 11 mars 2005, 21:18
par calimo
Tu n'aurais pas par hasard un exemple en ligne ? C'est peut-être dépendant du contexte, et pour nous c'est plus facile de voir ce qui se passe en faisant un "Edit CSS" avec Web Developer :wink:

Publié : 12 mars 2005, 01:47
par ottomar
http://ottomar.chez.tiscali.fr//Gecko/G_index.html

merci d'y jetter un coup d'oeil
je m'étonne aussi du dimensionnement de la boite, ça c'est pas grave puisque j'ai 4x10 vignettes dedans

mais plus grave, maintenant elle s'affiche l'une sur l'autre, alors qu'en circuit fermé elles sont l'une au-dessus de l'autre
----------
déprimant
------------------
la structure de la table vient de Jalbum

Publié : 12 mars 2005, 09:16
par calimo
Je crois qu'il ne faut pas aller chercher trop loin. Tu as un doctype HTML 3.2. Donc tu es en mode de compatibilité, les navigateurs font un peu n'importe quoi dans ce mode, dans un but de retrocompatibilité, pour ne pas tout casser les sites web existants. Leur comportements sont erratiques et imprévisibles (il faut dire que les auteurs sont censés faire n'importe quoi :lol: ).

Passe les navigateurs en mode standard par exemple en HTML 4.01 transitionnel ou mieux strict (regarde ici pour voir quels doctypes permettent de passer en mode standard). Tu auras des comportements beaucoup plus rationnels :wink:

Publié : 12 mars 2005, 10:16
par ottomar
merci Calimo, me doutais un peu de la chose
le 3.2 c'st jalbum qui le génére
ja vais revoir la copie

Publié : 12 mars 2005, 11:42
par calimo
Il y a surement un système de "templates" non ? Un endroit où tu dois pouvoir changer ça... :roll: