[xml/xsl/css] Background-image renderd niet lekker - Softwareontwikkeling

donderdag 12 mei 2005 12:29

Acties:

Topicstarter

Ik probeer mijn xhtml pagina even om te zetten naar een mooie xsltemplate. Maar nu werkt mijn background niet meer (welke wel gewoon op de xhtml pagina werkte). In IE werkt het nog wel, maar FF laat gewoon de hele achtergrond weg.

Wat stukjes van mijn code:

Cascading Stylesheet:

*
{   box-sizing      :   border-box;
    -moz-box-sizing :   border-box;
            
    font-family     :   "Trebuchet MS", Tahoma, Arial, sans-serif;
    font-size       :   10pt;
}
/* ... */
body
{   margin          :   0 auto;
    
    background-image    :   url('./bodybackground.gif');
    background-repeat   :   repeat-y;
    background-position :   top center;
}
/* ... */

code:

<?xml version="1.0" encoding="utf-8" ?>
 
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html"
    doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
    doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" indent="yes"
    encoding="utf-8" />

<xsl:template match="/data">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
        <head>
            <xsl:apply-templates select="head" />
            <link rel="stylesheet" type="text/css" href="./template.css" title="Web" />
        </head>
        <body>
            <div id="elContainer">
                        <!-- .. //-->
            </div>
        </body>
    </html>
</xsl:template>

Iemand enig idee hoe dit kan?

nb. de pagina in kwestie ;)

donderdag 12 mei 2005 12:33

Acties:

André

Analytics dude

Als ik je achtergrond op de HTML zet gaat het prima:

code:

1	html { background: url('./bodybackground.gif'); }

donderdag 12 mei 2005 12:38

Acties:

r0bert

Topicstarter

background op mijn html? Had ik nog nooit gehoord dat dat mocht

Het werkt inderdaad prima

Dus als het zo mag (neem aan van wel) is mijn probleem heel snel opgelost

Snap alleen nog steeds niet waarom het niet op de body werkt.

edit:

nog iets, iemand enig idee waarom de letters in FF in de balk "elUser" (middelgrijze balk) groter zijn?
(FF renderd trouwens bijna alle tekst iets groter dan in IE. Is daar iets aan te doen? (pt/px grootte helpt niet))

[ Voor 51% gewijzigd door r0bert op 12-05-2005 12:46 ]

donderdag 12 mei 2005 13:15

Acties:

T-MOB

r0bert schreef op donderdag 12 mei 2005 @ 12:38:
background op mijn html? Had ik nog nooit gehoord dat dat mocht Het werkt inderdaad prima Dus als het zo mag (neem aan van wel) is mijn probleem heel snel opgelost

Snap alleen nog steeds niet waarom het niet op de body werkt.

Als ik het me goed herinner komt dat omdat in de HTML-spec bepaald is dat de background van de <body> moet worden toegepast op de zgn. canvas (de ruimte in het browservesnter waar de pagina wordt weergegeven). In de XHTML-specificatie is dit niet meer het geval waardoor als de body kleiner is dan de canvas je achtergond gewoon ophoudt.

Regeren is vooruitschuiven

donderdag 12 mei 2005 13:19

Acties:

r0bert

Topicstarter

Ok, ik begrijp het. Had er nog nooit van gehoord

Thnx

Rest mij alleen nog het probleem van de grotere letters in "elUser" en de verschillen in tekengrootte tussen IE en FF

edit: intussen zelf tijdelijk en smerig opgelost met *{font-size:100%;} op eind van mijn stylesheet

[ Voor 25% gewijzigd door r0bert op 12-05-2005 15:04 ]