Nous sommes actuellement le 28 Mars 2024, 17:38

Le fuseau horaire est UTC-5 heures [Heure d’été]




Publier un nouveau sujet Répondre au sujet  [ 6 message(s) ] 
Auteur Message
MessagePublié: 14 Mars 2008, 17:05 
Hors-ligne
Fidèle
Fidèle
Avatar de l’utilisateur

Inscription : 25 Jan 2002, 06:05
Message(s) : 502
Localisation : Montréal
Bonjour,

Je voudrais avoir votre opinion là dessus. Voyez le code ci-dessous :
Code :
<table style="width:200px;height:200px;border:1px dotted #000000;position:relative;">
    <tr>
        <td>
            Dans un TD
            <img src="td.jpg" style="position:absolute;bottom:5px;right:5px;" />
        </td>
    </tr>
</table>
<br /><br /><br />
<div style="width:200px;height:200px;border:1px dotted #000000;position:relative;">
    Dans un DIV
    <img src="div.jpg" style="position:absolute;bottom:5px;right:5px;" />
</div>
(tester le code)

Voici le résultat :
Image

Internet Explorer place les images exactement là ou je le veux, que ce soit dans le TD ou dans le DIV.

Par contre, Firefox place bien le DIV, mais pas le TD. Dans le TD, l'image est placée relativement à fenêtre au complet, et non aux limites de la cellule.

Qu'est ce que je fais de pas bon?

Merci,

Simo

_________________
Desktop : Core2 Duo E8600 3.33GHz - 8GB DDR3 - 2x NVIDIA GeForce 9600 GT - 3x Fujitsu 22" - Win7 Ultimate
Laptop - Asus V1V : Core2 Duo P8600 2.4GHz - 4GB DDR2 - ATI Mobility Radeo HD 3650 - Win7 Ultimate
Tablet - Asus Transformer Prime : NVIDIA Tegra 3 Quad-core - 1GB - Android ICS


Dernière édition par Simo Bk le 16 Mai 2008, 15:13, édité 1 fois.

Haut
 Profil  
Répondre en citant  
MessagePublié: 14 Mars 2008, 23:23 
Hors-ligne
Répond à tout!
Répond à tout!

Inscription : 10 Jan 2002, 14:09
Message(s) : 2386
Localisation : Verdun
J'imagine que ca fait ca car les tables on arrivé avant l'utilisation des logique css de positionnement, contrairement au division qui ont été créé spéciallement pour ca. Je trouve rien de spécifique sur le w3c a son sujet, la seule chose ca dit:

Citer:
In CSS 2.1, many box positions and sizes are calculated with respect to the edges of a rectangular box called a containing block. In general, generated boxes act as containing blocks for descendant boxes; we say that a box "establishes" the containing block for its descendants. The phrase "a box's containing block" means "the containing block in which the box lives," not the one it generates.

In CSS 2.1, a box may be laid out according to three positioning schemes:


La table doit être une box indépendante car les <tr><td> sont une forme de position:absolute... et ca ne fait pas de sense de faire de l'héritance de positionnement.

Pourquoi voulez vous faire ca au juste?


Haut
 Profil  
Répondre en citant  
MessagePublié: 16 Mars 2008, 00:45 
Hors-ligne
Fidèle
Fidèle
Avatar de l’utilisateur

Inscription : 25 Jan 2002, 06:05
Message(s) : 502
Localisation : Montréal
Pourquoi je veux le faire? Tout simplement pour une mise en page... J'ai besoin de placer deux div à des positions précises à l'intérieur d'un TD. Il y a d'autres moyens d'y parvenir je le sais, mais je veux comprendre pourquoi ça ne marche pas comme ça, et s'il y a un moyen de le faire marcher avec CSS...

Merci quand même pour la doc ;)

Simo

_________________
Desktop : Core2 Duo E8600 3.33GHz - 8GB DDR3 - 2x NVIDIA GeForce 9600 GT - 3x Fujitsu 22" - Win7 Ultimate
Laptop - Asus V1V : Core2 Duo P8600 2.4GHz - 4GB DDR2 - ATI Mobility Radeo HD 3650 - Win7 Ultimate
Tablet - Asus Transformer Prime : NVIDIA Tegra 3 Quad-core - 1GB - Android ICS


Haut
 Profil  
Répondre en citant  
MessagePublié: 16 Mars 2008, 20:40 
Hors-ligne
Administrateur
Administrateur
Avatar de l’utilisateur

Inscription : 10 Déc 2001, 17:54
Message(s) : 1947
Localisation : Saint-Émile
le problème viens du fait que chacun interprète le position:absolute de manière différente. Dans un cas, il l'interprète en position aboslue par rapport au parent (ie), et dans l'autre par rapport à la page (ff).

C'est poche, mais c'est comme cela. Cela fait partie des raison pourquoi il faut toujours tester ses sites dans tout les navigateur.

_________________
Nicolas Ross
Administrateur du site Micro.Info,
Ingénieur, CyberCat


Dans la plupart des pays la vente de choses nocives, comme des drogues, est interdite.
Alors pourquoi les gens peuvent vendre les logiciels de Microsoft et rester impunis ?


Haut
 Profil  
Répondre en citant  
MessagePublié: 16 Mars 2008, 21:38 
Hors-ligne
Répond à tout!
Répond à tout!

Inscription : 10 Jan 2002, 14:09
Message(s) : 2386
Localisation : Verdun
Firefox le position aussi comme le parent lorsque que celui-ci est "relative".

Mais un table n'est pas un container qui influence le flux de positionnement. Alors ca ne marchera pas dans un table, et c'est tout a fait normal. Faire du formatage de page avec un <table> et un hack post 2000 avant l'arrivé du css.

Mais en dehors de ca, IE, Opera, Safari et firefox traite les absolute a l'intérieur d'un 'relative' exactement de la même facon. (j'ai déja plusieurs site de fait et tester sous ces 4 browser)


Haut
 Profil  
Répondre en citant  
MessagePublié: 16 Mai 2008, 15:12 
Hors-ligne
Fidèle
Fidèle
Avatar de l’utilisateur

Inscription : 25 Jan 2002, 06:05
Message(s) : 502
Localisation : Montréal
Merci tout le monde pour l'info.

Je ne définis pas ce sujet comme "Résolu" puisqu'il s'agissait d'informations et que ça peut toujours être utile ;)

_________________
Desktop : Core2 Duo E8600 3.33GHz - 8GB DDR3 - 2x NVIDIA GeForce 9600 GT - 3x Fujitsu 22" - Win7 Ultimate
Laptop - Asus V1V : Core2 Duo P8600 2.4GHz - 4GB DDR2 - ATI Mobility Radeo HD 3650 - Win7 Ultimate
Tablet - Asus Transformer Prime : NVIDIA Tegra 3 Quad-core - 1GB - Android ICS


Haut
 Profil  
Répondre en citant  
Afficher les messages publiés depuis :  Trier par  
Publier un nouveau sujet Répondre au sujet  [ 6 message(s) ] 

Le fuseau horaire est UTC-5 heures [Heure d’été]


Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 4 invité(s)


Vous ne pouvez pas publier de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum

Recherche de:
Aller vers :  
cron
Propulsé par phpBB® Forum Software © phpBB Group
Traduction et support en françaisHébergement de site