udskrift for bred til printer

Hej

Nu har jeg rodet en hel del rundt for at finde en løsning på min problem, men selv om der er skrevet en hel del om det kan jeg ikke få det til.

Min side er opbygge af "div" elementer med tilhørende stylesheet. Jeg vil så udskrive et par af elementerne og det kan jeg godt få til at virke... Lige bortset fra at teksten er for bred til siden, og i stedet fora at rykke det ned på næste linie kommer det slet ikke med. Og det syntes jeg er trist :-(

Det skal måske lige nævnes at jeg tidligere har fået hjælp til at ændre bredden af nogle af elementerne med et javascript og body onload så måske er det det der driller.

Håber der en der kan hjælpe.

Her kommer kode:

Mit stylesheet media="print"

@media print {

#body, div {
    width: auto;
    border: 1px solid green;
    margin: 5px 5px;
    padding: 0;
    float: none !important;
}
}

#icon_print {
    Display: none;
}

#topbar {
    Display: none;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 20px;
    background-color:#24A520;
    text-indent: 20px;
    font-family: arial, verdana, sans-serif;
    color: #FFFFFF;
    font-weight:bold;
    font-size: 14px;
}

#logobar {
    Display: none;
    position: relative;
    left: 0px;
    top: 1px;
    width: 100%;
    height: 45px;
    background-color:#D4D0C8;
    text-indent: 20px;
    font-family: arial, verdana, sans-serif;
    color: #000000;
    font-weight:bold;
    font-size: 16px;
}

#personalmenubar {
    Display: none;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color:#b1b19f;
    text-indent: 20px;
    font-family: arial, verdana, sans-serif;
    color: #24A520;
    font-weight:bold;
    font-size: 14px;
}

#rightmenu {
    Display: none;
    position: relative;
    TOP: 3px;
    left: 0px;
    width:120px;
    float: left;
    background-color:#D4D0C8;
    padding-left: 5px;
    font-family: arial, verdana, sans-serif;
    color: #000000;
    font-weight:none;
    font-size: 14px;
}

#content {
    position: absloute;
    top: 0px;
    left: 0;
    float:left;
    background-color: #FFFFFF;
    font-family: arial, verdana, sans-serif;
    color: #000000;
    font-weight:none;
    font-size: 14px;
}

#bottombar {
    Display: none;
    clear:left;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color:#b1b19f;
}


#m1 {

    font-weight: bold;
    font-size: 16px;
}

#c1 {
    font-weight: bold;
    font-size: 16px;
}

#godbesked {
    font-weight: bold;
    font-size: 13px;
    color: #24A520;
}

...og her kommer de to javescript som jeg jo så har fået lavet her :-)

<script type="text/javascript">
var divs = ['content','rightmenu'];
var faste = ['topbar','logobar','personalmenubar','bottombar']
function syncronizeDivs(){
    document.getElementById('content').style.width = document.body.offsetWidth - 135 + 'px';
    var maxH = document.body.offsetHeight ;
    d = document.getElementsByTagName("DIV");
    for(i=0;d.length>i;i++){
        for(j=0;faste.length>j;j++){
            if(d[i].id==faste[j])maxH -= d[i].offsetHeight;
        }
    }
    for(i=0;d.length>i;i++){
        for(j=0;divs.length>j;j++){
            if(d[i].id==divs[j])maxH = Math.max(maxH,d[i].offsetHeight);
        }
    }
    for(i=0;d.length>i;i++){
        for(j=0;divs.length>j;j++){
            if(d[i].id==divs[j])d[i].style.height=maxH + 'px';
        }
    }
}
</script>

...og det andet...


<script type="text/javascript">

function syncronizeDivsWide(){
   
    document.getElementById('topbar').style.width=document.getElementById('sidetabel').offsetWidth + 12 +'px';
    document.getElementById('logobar').style.width=document.getElementById('sidetabel').offsetWidth + 12 +'px';
    document.getElementById('personalmenubar').style.width=document.getElementById('sidetabel').offsetWidth + 12 +'px';
    document.getElementById('bottombar').style.width=document.getElementById('sidetabel').offsetWidth + 12 +'px';
   
}
</script>