[css] printer-css plaatst divs op verschillende pagina's

[jfeelders]

Ik ben met een nieuwe site bezig, waarmee ik me wil oefenen in XHTML1.1 en CSS. Ik lees me gek, oefen en klooi veel, maar ik blijf nu met een probleem zitten. Referentie: http://www.xs4all.nl/~jfeelder/miata/miataspecificaties.html (bewuste pagina), http://www.xs4all.nl/~jfeelder/miata/miata.css (screen css),
http://www.xs4all.nl/~jfeelder/miata/miataprint.css (printer css).

Ik heb in beide css-en een div "top" waar het logo in staat, een div "menu" die uitstaat in de print-css en een div "content".
Op andere pagina's staat in het afdrukvoorbeeld van FireFox 1.0 de content-div netjes onder de top-div, maar omdat op de bewuste pagina de content-div lang is wordt deze gestart op een nieuwe pagina. Hoe kan ik dit oplossen?

En gelijk een ander vraagje, waarom mag volgens XHTML1.1 een <hr /> niet in een <pre>-vlak staan?

[ Voor 5% gewijzigd door jfeelders op 10-02-2005 20:55 ]

[HyperioN]

Ik heb in zowel IE6 als FF1.0 nergens last van eigenlijk...


*klik*

en een <hr /> mag niet in een <pre> omdat <pre> een zogenaamde "Preformatted Text" aangeeft. Dwz, alle whitespaces e.d. worden gewoon weergeven. Stel nu dat ik de volgende code heb:

HTML:

<pre>
   blabla kleine inspringing
      nog een inspringing <hr />
</pre>

moet je browser dan de <hr /> na de kleine inspringing plaatsen? Volgens de <pre> wel, want alles wordt precies geplaatst zoals je het typt...maar dan valt de gehele betekenis van de <hr /> weg, want die wil gewoon een horizontale lijn zijn over de gehele linie.
Omdat deze twee elkaar "tegenspreken" mag niet niet. (Hoop dat het een beetje duidelijk is want ik vond het knap lastig uit te leggen )

[ Voor 20% gewijzigd door HyperioN op 10-02-2005 21:07 . Reden: Screenshotje toegevoegd :-) ]

[drm]

Ik moet je eerlijk bekennen dat ik je probleem niet kan reproduceren in FF (1.0 PR)

[jfeelders]

Verhip, hij heeft dat probleem alleen bij het afdrukvoorbeeld vanaf harde schijf. Zodra ik hem online zet bij Xs4all is het probleem inderdaad weg. Kan je dan nergens meer van uit gaan?
Dat maakt dit draadje een beetje overbodig.

OK, 1 vraag nog: Hoe kan ik dan het beste scheidingslijnen tussen de afzonderlijke onderdelen in het <pre>-veld plaatsen? <img> mag ook niet en ik ben wel gehecht aan de <pre>-format en XHTML1.1.

[drm]

Je kunt de pre toch gewoon een border-bottom of -top geven in css