problème de positionnement du texte avec Firefox

problème de positionnement du texte avec Firefox - HTML/CSS - Programmation

Marsh Posté le 08-01-2005 à 18:53:04    

Salut je n'arrive pas à positionner un texte en coordonnées absolues avec Firefox :
 
les lignes de commandes sont données ci-dessous :
 
<P>
<SPAN style="position: absolute; top: 650 px; left: 560 px;">
<FONT SIZE=1 COLOR="#996600"> site optimisé pour Mozilla FireFox 1.0 </FONT>
</SPAN></P>

 
ces lignes de commandes permettent de positionner correctement le texte  sous IE6 mais pas sous Firefox  :pt1cable:  
si quelqu'un pouvait éclairer ma lanterne ?  :D

Reply

Marsh Posté le 08-01-2005 à 18:53:04   

Reply

Marsh Posté le 08-01-2005 à 21:11:43    

C'est voulu que ton span soit dans un "p" ??
 
Non parceque ce qui est dit sur http://openweb.eu.org/articles/initiation_absolue/

Citation :


Le fonctionnement de la position absolue
 
Le positionnement absolu « retire » totalement du flux le contenu concerné : sa position est déterminée par référence aux limites du conteneur.Celui-ci peut-être :
    * une boîte elle-même positionnée (position relative ou absolue) ;
    * le bloc conteneur initial, à défaut de boîte positionnée, c'est à dire en pratique le plus souvent la fenêtre du navigateur.


Voila quelques exemples : http://openweb.eu.org/articles/ini [...] 1.html#ex1
 
En gros cela veut dire que ton span est positionne a l'înterieur de ton p.
Donc pour faire ce que tu veux, soit tu vire ton p, soit c'est le p que tu dois deplacer...
 
Sinon concernant la balise font ... Ben elle est assez vieille, tu devrais plutot utiliser les css a la place ...
 
PS : Firefox respecte beaucoup plus les standards qu'IE. Donc c'est FF qui la pluspart du temps faits les choses bien et non IE. Donc faut pas se fier au comportement d'IE.


Message édité par cerel le 08-01-2005 à 21:14:27
Reply

Marsh Posté le 08-01-2005 à 21:55:38    

+1,  
 
j'ai eu des pb avec mozilla tant que je ne suis pas passé au XHTML + CSS pur jus...

Reply

Marsh Posté le 08-01-2005 à 22:07:05    

Je te remercie de ta réponse.
je viens d'écrire les lignes ci-dessous pour essayer de répondre à mon problème mais ça marche toujours pas:
 
<style type="text/css">
.ligne1 {
position: absolute;
color: #996600;
top: 650 px;
left: 560 px;
}
.ligne2 {
position: absolute;
color: #996600;
top: 660 px;
left: 520 px;
}
</style>
<span class="ligne1">
site optimisé pour Mozilla FireFox 1.0
</span>
<span class="ligne2">
et un affichage 1024 x 768 en mode plein écran (touche <B>F11</B> )
</span>
 
UNE SOLUTION ???

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed