[xsl/mozilla] absolute positioning

Pagina: 1
Acties:

  • Dennis
  • Registratie: Februari 2001
  • Laatst online: 19:05
Het is volgens mij een bekend probleem, maar als je client-side XSL verwerkt in Mozilla, dan worden dingen zoals absolute positioning (en ook javascript schijnt het) helaas niet verwerkt.

In Internet Explorer (6) werkt dit wel, omdat het document na parsing nog een keer wordt doorlopen door IE.

Ik heb even gezocht op Bugzilla maar niks kunnen vinden. Weet iemand of dit behaviour by design is of dat dit wel degelijk nog opgelost gaat worden?

Linkjes naar resources:
XML / XSL div positionering probleem
http://forums.devshed.com/archive/t-179632

  • drm
  • Registratie: Februari 2001
  • Laatst online: 09-06-2025

drm

f0pc0dert

Clientside spullen horen in Webdesign & Graphics :) * moved.

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz


  • Dennis
  • Registratie: Februari 2001
  • Laatst online: 19:05
Maar XSL hoort dan weer in P&W ;).

  • .oisyn
  • Registratie: September 2000
  • Laatst online: 22-05 23:07

.oisyn

Moderator Devschuur®

Demotivational Speaker

Dennis schreef op 28 september 2004 @ 00:41:
Maar XSL hoort dan weer in P&W ;).
Ik ben er een weekend niet en er is gelijk een nieuwe policy 8)7

Give a man a game and he'll have fun for a day. Teach a man to make games and he'll never have fun again.


  • Clay
  • Registratie: Oktober 1999
  • Laatst online: 25-02 11:17

Clay

cookie erbij?

Het is volgens mij een bekend probleem, maar als je client-side XSL verwerkt in Mozilla, dan worden dingen zoals absolute positioning (en ook javascript schijnt het) helaas niet verwerkt.
:?

code:
1
2
3
4
5
6
7
8
9
<?xml version="1.0"?>
<?xml-stylesheet type="text/xsl" href="test.xsl"?>

<document>
    <title>titel</title>
    <content>
        Lorem ipsum dolor sit amet.
    </content>
</document>


met

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:output method="html" />
    <xsl:template match="document">
    <html>
        <head>
            <title>title</title>
            <script type="text/javascript">
            <![CDATA[

                function windowLoad() {
                    alert('onload...');
                }

                try {
                    window.addEventListener('load', windowLoad, false);
                } catch(e) {
                    window.attachEvent('onload', windowLoad);
                }

            ]]>
            </script>
        </head>
        <body>              
            <div style="position:absolute; left:100px; top:100px;">
                <h1><xsl:value-of select="title" /></h1>
                <p>
                    <xsl:apply-templates select="content" />
                </p>
            </div>
        </body>
    </html>
    </xsl:template>
</xsl:stylesheet>


Werkt schitterend. Waarom gaan mensen er altijd vanuit dat de browser het dan maar fout doet als iets niet werkt?

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin


  • André
  • Registratie: Maart 2002
  • Laatst online: 18-05 16:30

André

Analytics dude

Clay schreef op 28 september 2004 @ 09:25:

Werkt schitterend. Waarom gaan mensen er altijd vanuit dat de browser het dan maar fout doet als iets niet werkt?
Hoe zat dat ook alweer: "de meeste pc-problemen ontstaan tussen stoel en toetsenbord" :P

  • Dennis
  • Registratie: Februari 2001
  • Laatst online: 19:05
Clay schreef op 28 september 2004 @ 09:25:
Werkt schitterend. Waarom gaan mensen er altijd vanuit dat de browser het dan maar fout doet als iets niet werkt?
Omdat ik in dit geval heb gezocht naar het probleem en het nog wat meer keer tegenkwam ;).

Inmiddels ben ik trouwens zover, dat CSS informatie die ik direct aan elementen toeken wél wordt verwerkt. CSS tussen <style> en </style> echter wordt nog steeds genegeerd door Firefox...

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Dennis schreef op 28 september 2004 @ 11:12:
[...]

Omdat ik in dit geval heb gezocht naar het probleem en het nog wat meer keer tegenkwam ;).

Inmiddels ben ik trouwens zover, dat CSS informatie die ik direct aan elementen toeken wél wordt verwerkt. CSS tussen <style> en </style> echter wordt nog steeds genegeerd door Firefox...
Dus jij impliceert dat Clay's voorbeeld niet werkt :? ;)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • drm
  • Registratie: Februari 2001
  • Laatst online: 09-06-2025

drm

f0pc0dert

BtM909:
Dus jij impliceert dat Clay's voorbeeld niet werkt :? ;)
Je leest niet goed :)

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

drm schreef op 28 september 2004 @ 11:38:
[...]
Je leest niet goed :)
Zeer zeker wel :)
Dennis schreef op 28 september 2004 @ 11:12:
[...]

Omdat ik in dit geval heb gezocht naar het probleem en het nog wat meer keer tegenkwam ;).
Waarbij het probleem verwijst naar:
Dennis schreef op 28 september 2004 @ 00:35:
Het is volgens mij een bekend probleem, maar als je client-side XSL verwerkt in Mozilla, dan worden dingen zoals absolute positioning (en ook javascript schijnt het) helaas niet verwerkt.
En Clay een werkend voorbeeld oplevert.

Ging mij dus ff om dit stukje ;)

en ja, je hebt gelijk... Dit is niet de eigenlijke vraag van TS :P

[ Voor 5% gewijzigd door BtM909 op 28-09-2004 11:44 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • Dennis
  • Registratie: Februari 2001
  • Laatst online: 19:05
BtM909 schreef op 28 september 2004 @ 11:22:
Dus jij impliceert dat Clay's voorbeeld niet werkt :? ;)
Inmiddels impliceer ik dat Clay's voorbeeld inderdaad wél werkt (heb het hier uiteraard geprobeerd), echter zoals ik zei, wordt informatie tussen <style> en </style> niet verwerkt door Firefox (1.0PR).

Aangezien ik enorm veel CSS in mijn documenten gebruik vind ik het geen oplossing om alle CSS in attributen van de betreffende elementen mee te geven, nog afgezien van het feit dat dat voor standaardisatie een ramp is.

  • Clay
  • Registratie: Oktober 1999
  • Laatst online: 25-02 11:17

Clay

cookie erbij?

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:output method="html" />
    <xsl:template match="document">
    <html>
        <head>
            <title>title</title>
            <style type="text/css">
            <![CDATA[

            * { font-family:arial; }

            #omg {
                position:absolute; 
                left:100px; 
                top:100px;
            }

            ]]>
            </style>
        </head>
        <body>              
            <div id="omg">
                <h1><xsl:value-of select="title" /></h1>
                <p>
                    <xsl:apply-templates select="content" />
                </p>
            </div>
        </body>
    </html>
    </xsl:template>
</xsl:stylesheet>


werkt ook schitterend :P vergeet je niet gewoon de px achter je left en top?

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin


  • Dennis
  • Registratie: Februari 2001
  • Laatst online: 19:05
Clay schreef op 28 september 2004 @ 12:02:
werkt ook schitterend :P vergeet je niet gewoon de px achter je left en top?
Ja, en ik vind het knap dat je dat zomaar gokt en het nog goed hebt ook ;). Maar inderdaad, ik heb geen px achter de left en top staan, en met px erachter werkt het wel inderdaad.

Het zal ongetwijfeld zo zijn dat het volgens de richtlijnen verplicht is die erachter te zetten, maar toch grappig dat het in Firefox wél werkt zodra het geen geparst XSL document betreft.

Overigens, de positionering werkt nu, maar heel veel andere CSS werkt nog steeds niet, waaronder de kleuren van de letters in veel gevallen. Als je wilt kan ik hier wel even screenshotjes plaatsen waarin je duidelijk de verschillen ziet.

  • Clay
  • Registratie: Oktober 1999
  • Laatst online: 25-02 11:17

Clay

cookie erbij?

Het zal ongetwijfeld zo zijn dat het volgens de richtlijnen verplicht is die erachter te zetten, maar toch grappig dat het in Firefox wél werkt zodra het geen geparst XSL document betreft.
Dat is ook logisch. in quirksmode (zonder doctype, die je dus blijkbaar niet had) hoeft het in mozilla namelijk ook niet, en xml + xsl draait in standards compiance mode, en dan moet het dus wel. :)
Overigens, de positionering werkt nu, maar heel veel andere CSS werkt nog steeds niet, waaronder de kleuren van de letters in veel gevallen. Als je wilt kan ik hier wel even screenshotjes plaatsen waarin je duidelijk de verschillen ziet.
Ik denk dat we meer aan je css hebben (een link ernaar b.v.) Ik blijf er nml bij dat de fout daar eerder in zal zitten dan in mozilla, nofi ;)

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin


  • Dennis
  • Registratie: Februari 2001
  • Laatst online: 19:05
Okidoki, dat van dat quirksmode etc. is duidelijk :). Het originele document, wat ik even snel naar xsl heb omgezet stamt nog uit de tijd dat ik nog niet echt standard-compatible code schreef dus dat is opzich logisch.

Een linkje naar de CSS: voila

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Dennis schreef op 28 september 2004 @ 12:33:
Okidoki, dat van dat quirksmode etc. is duidelijk :). Het originele document, wat ik even snel naar xsl heb omgezet stamt nog uit de tijd dat ik nog niet echt standard-compatible code schreef dus dat is opzich logisch.

Een linkje naar de CSS: voila
Stomme vraag, maar geef je hem wel de juiste mime-type mee (en extensie)?

Je kan trouwens hier grotendeels je css laten valideren: http://jigsaw.w3.org/css-validator/

edit:

Oh ja, je fouten :P
Fouten
Regel: 0 Context : div.updatetracker
Ongeldig getal : colorUnknown dimension : 7f7f7f

Regel: 0 Context : div.newsitemtitle
Ongeldig getal : color00000 is geen geldige kleur 3 of 6 hexadecimale getallens : #00000

Waarschuwingen :
Line : 0 font-family: Het is beter een algemene font-family op te geven als laatste alternatief

[ Voor 27% gewijzigd door BtM909 op 28-09-2004 12:45 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

Pagina: 1