Forums

# [Resolu] Superposition d'élément SANS stack

Envoyé par : papy

Date : 04/08/2006 16:05

Est-il possible en XUL de superposer deux widgets sans utiliser une stack. En effet c'est bien pratique la stack, mais si elle contient un deck, un tree, un browser, enfin n'importe quel composant qui possède une vue spéciale ca ne marche pas.

J'ai vu cette limitation sur les stacks quelque part (je ne sais plus où), mais j'aimerais bien trouver une solution de remplacement.

Si quelqu'un à une idée je suis preneur.

# Re: Superposition d'élément SANS stack

Envoyé par : laurentj

Date : 04/08/2006 16:14

Je ne crois pas ça possible.

Peut-être que passer par des div HTML plutôt que des box ? Mais je serais étonné du resultat...

# Re: Superposition d'élément SANS stack

Envoyé par : papy

Date : 04/08/2006 16:31

Idée intéressante mais elle n'a pas l'air de fonctionner. Je ne suis pas sur d'avoir tester ca correctement, mais la balise div n'a pas l'air de supporter l'attribut CSS position: absolute

Test HTML qui fonctionne correctement :

<html>
    <body>
        <div style="background-color: green; width: 100%; height: 100%;">
            salut
        </div>

        <div style="background-color: red; width: 100px; height: 50px; position: absolute; top: 30px;">
            coucou
        </div>
    </body>
</html>

Test XUL qui ne fonctionne pas comme j'aimerais :(

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css" ?>
<window id="mainWindow" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:html="http://www.w3.org/1999/xhtml">

    <vbox id="mopi" style="background-color: green;" flex="1">
        <label value="coucou"/>
        <tree flex="1">
            <treecols>
                <treecol label="Colonne 1" flex="1"/>
            </treecols>
        </tree>
        <label value="salut"/>
    </vbox>

    <html:div style="background-color: red; position: absolute; width: 100px; height: 50px; top: 30px;">
        <label value="coucou"/>
    </html:div>

</window>

# Re: Superposition d'élément SANS stack

Envoyé par : papy

Date : 04/10/2006 12:51

Bon finalement le code XUL marche nickel, il faut juste remplacer la valeur de l'attribut position par fixed et on obtient un widget superposé aux autres.

Forums : Xul, Xbl, JS...

# [Resolu] Superposition d'élément SANS stack

# Re: Superposition d'élément SANS stack

# Re: Superposition d'élément SANS stack

# Re: Superposition d'élément SANS stack