[html/css] Printen in IE6 toch niet goed...

[semicon]

Hallo,

Op een site die ik bijhou kwamen we erachter dat op IE6 een pagina niet geheel juist print. Op IE7 en FF1.5 wel. Het probleem zit waarschijnlijk in de CSS.

Ik heb het volgende toegevoegd een tijdje terug (wat dus niet werkt voor IE6)

Cascading Stylesheet:

@media print
{
    .dwcTop,
    .dwcMenu,
    .dwcSideMenu,
    .dwcBottom
    {
        display:none;
    }

    .dwcContainer,
    .dwcContent
    {
        position:absolute;
        margin:0;
        padding:0;
        width:100%;
        height:100%;
    }
}

Wat ik dus wil, het design is omringt door een menu en topbalk, sidebalk en kleine bottom balk, die moeten allen niet zichtbaar zijn (vandaar display:none) tevens wil ik dat de inhoud die in een container div zit, met daarbinnen die .dwcContent, dat die 100% wordt ofwel zo dat hij geprintwordt als een soort "fit-to-page" idee... Nogmaals, het werkt perfect in IE7/FF dus, verder dus geen idee waar het aan kan liggen.

[erwin85]

Wat gaat er fout?

Mischien omdat je de position absolute geen positie mee hebt gegeven?

[BtM909]

Misschien handiger om ook relevante (werkzame) code neer te zetten?

Overigens kan je code tussen [code=css][/] blokken plaatsen.

[semicon]

Het geen dat fout gaat is dat op IE6 print hij de pagina met een wit vlak (waar het menu eerst zat) en maakt hij hem niet 100% over de A4 pagina). Terwijl IE7 en FF dit 100% width op het moment wel doen, daar komt de info die je print gewoon "geschaald" netjes op de pagina.

De containerdiv is een position:absolute.

p.s. volledige CSS is te vinden: hier.