HTML Og print

Prøv at tilføje følgende til dit stylesheet

@media print {
ditdiv {
  overflow : visible ;
  width : 100% ;
  height : 100% ;
}
}

Det mangle er punktum fornad ditdiv
@media print {
.ditdiv {
  overflow : visible ;
  width : 100% ;
  height : 100% ;
}
}

Ok har aldrig set @media print taget før.. hvor stammer det fra?

Vil se om det kan hjælpe.. ellers skal jeg til at lave en print venlig side og det var ikke meningen :(

Hvad er det lige @media print gør?

Nu har du sat den til overflow : visible ; men så mister jeg jo scroll muligheden.

@media specificere at style de ændringer der bliver lavet mellem {} kun er gældende for det specifikke media. Mulighederne er screen, print + en masse andre se:

http://www.w3.org/TR/1998/REC-CSS2-19980512/media.html

Med @meia kan du omdefinere eksisterende tags så de virker anderleds på bestemte medier.

HTML.DK har også nogle eksempler, selv om de har forskellige style sheet som bliver linket til ir style sheet references. http://www.html.dk/artikler/00009/

Begge metoder er brug bar jeg finder @media i et stylesheet mere vedligeholdelses venlig.

Endnu en grund til at droppe alle dine tabeller til side opbygningen.

Dit style sheet:

.ditdiv {
  overflow : auto ;
  width : 100% ;
  height : 100% ;
@media print {
.ditdiv {
  overflow : visible ;
  width : 100% ;
  height : 100% ;
}
}
Du skal først definere .ditdiv og siden omdefinere denne til brug for print mediet.

Jeg er ikke venner med browser kopiering

.ditdiv {
  overflow : auto ;
  width : 100% ;
  height : 100% ;
}
@media print {
.ditdiv {
  overflow : visible ;
  width : 100% ;
  height : 100% ;
}
}

Ok.. nice giver virkelig nogle ekstra features.

Ok.. men man kan ikke kombinere en class som du har gjort med det sidste eksempel. Men tror faktisk @media print taget har hjulpet.

Jeg forstår ikke din sidste kommentar