XHTML 1.1, IE 6 en Firebird: zoek de verschillen

[djc]

Ik heb leuk een siteje lopen bouwen in XML en XSLT om dat vervolgens getransformeerd online te zetten. Ik gebruik meestal IE 6 als browser, maar ik check het design wel altijd even in Firebird. Nu heb ik een vrij eenvoudige site die er in IE zo uitziet als de bedoeling is, maar in Firebird is alles verneukt... Hoe moet ik voor Firebird ontwerpen, zodat ik hetzelfde resultaat krijg?

- De bewuste pagina
- Screenshot in Firebird 0.6.1
- Screenshot in IE 6
- De stylesheet

De pagina valideert als XHTML 1.1, de stylesheet is ook valid (CSS 1, volgens mij).

[André]

Misschien in je stylesheet bij je header en footer een height neerzetten? En in je body een text-align: center.

[dArtagnan]

Waarschijnlijk weer het box-model:
Voeg dit eens aan je stylesheet:

code:

    box-sizing: padding-box;
    -moz-box-sizing: padding-box;

Ik kan de url momenteel niet vinden waar dit allemaal staat uitgelegd, de search werkt niet.

[CrashOne]

haal de "-" eens uit de naam van je classes bij je style sheet.

[djc]

Koraalduivel schreef op 17 August 2003 @ 13:36:
Waarschijnlijk weer het box-model:
Voeg dit eens aan je stylesheet:

code:

    box-sizing: padding-box;
    -moz-box-sizing: padding-box;

Ik kan de url momenteel niet vinden waar dit allemaal staat uitgelegd, de search werkt niet.

Waar in de stylesheet moet ik dit toevoegen?

[djc]

CrashOne schreef op 17 augustus 2003 @ 13:40:
haal de "-" eens uit de naam van je classes bij je style sheet.

Dit maakt niet uit...

[Verwijderd]

Waar in de stylesheet moet ik dit toevoegen?

code:

*
{
    box-sizing: padding-box;
    -moz-box-sizing: padding-box;
}

[djc]

Hm, die box-sizing en -moz-box-sizing zijn wel leuk, maar nu is mijn CSS niet meer valid. Is daar nog iets aan te doen?

Ik blijf nu nog zitten met een klein verschil tussen IE 6 en Moz. Weet iemand daar toevallig ook een oplossing voor?

[creative8500]

Gebruik dan ook die mozilla-codes niet. Je kunt het best alleen van de 'container' van de titel + description de width opgeven, en dan voor de titel + description de padding instellen.

Verder: gebruik voor de titel + description respectievelijk geen div en geen div, maar een h2-element en een (of meerdere) p-element(en).

Trouwens: ik vind het in Firebird mooier, hoor, zo met dat stukje wit ertussen.

[dArtagnan]

Manuzhai schreef op 17 August 2003 @ 14:02:
Hm, die box-sizing en -moz-box-sizing zijn wel leuk, maar nu is mijn CSS niet meer valid. Is daar nog iets aan te doen?

Ik blijf nu nog zitten met een klein verschil tussen IE 6 en Moz. Weet iemand daar toevallig ook een oplossing voor?

Dat komt omdat de box-sizing deel uitmaakt van css3 (http://www.w3.org/TR/2002/WD-css3-box-20021024). De validator checkt alleen maar op css1 en css2. Maar ik vindt het ook mooier dat kleine stukje witruimte bij mozilla firebird.

[creative8500]

Koraalduivel schreef op 17 augustus 2003 @ 14:35:
Maar ik vindt het ook mooier dat kleine stukje witruimte bij mozilla firebird.

That makes two of us Manuzhai: laten dus