Ik weet niet helemaal zeker of dit in php hoort maar mijn website is hierin wel gemaakt dus misschien heeft het er mee te maken.
Telkens als ik mijn website probeer te printen krijg ik een stuk of 7 blaadjes met op de eerste 6 leeg en de laatste staat dan wel alles erop behalve mijn slideshow ( header is dus leeg :S) er staat linksonder de header div 1,2,3,4. Dit is het aantal images dat ik heb.
Ook als ik in mijn browser op print preview kijk zie ik de 7 pagina's terwijl dit er maar 1 hoogstens 2 moet zijn.
Ik hoop dat iemand hier ervaring mee heeft.
Waarschijnlijk hebben jullie iets aan de broncode:
<!DOCTYPE html>
<head>
<link href="/cms/templates/demo/css/style.css" rel="stylesheet" type="text/css" />
<link href="/cms/frontend/css/offline.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/cms/admin/modules/nivo-slider/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/cms/admin/modules/nivo-slider/nivo-slider.php" type="text/css" media="screen" />
<link rel="stylesheet" href="/cms/admin/modules/nivo-slider/demo/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/cms/admin/modules/social-bar/style.css" type="text/css" />
<script type="text/javascript" src="/cms/admin/modules/social-bar/facebook-sdk.js"></script>
<script type="text/javascript" src="/cms/admin/modules/nivo-slider/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="/cms/admin/modules/nivo-slider/jquery.nivo.slider.php"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<title></title>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<meta name="robots" content="noindex, follow">
<script>
$(window).load(function()
{
$("#slider").nivoSlider();
});
</script>
<script>
function printpage()
{
window.print();
}
</script>
</head>
<body>
<script>
window.fbAsyncInit = function()
{
// init the FB JS SDK
FB.init({
appId : '319758174834494', // App ID from the app dashboard
channelUrl : '/cms/admin/modules/social-bar/channel.html', // Channel file for x-domain comms
status : true, // Check Facebook Login status
xfbml : true // Look for social plugins on the page
});
// Additional initialization code such as adding Event Listeners goes here
};
</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/nl_NL/all.js#xfbml=1&appId=319758174834494";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div id='container'>
<div id=header>
<div id="wrapper">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img src="/cms/admin/modules/ckfinder/userfiles/images/29.jpg" data-thumb="/cms/admin/modules/ckfinder/userfiles/images/29.jpg" title="title 1" alt="title 1" />
<img src="/cms/admin/modules/ckfinder/userfiles/images/7.jpg" data-thumb="/cms/admin/modules/ckfinder/userfiles/images/7.jpg" title="title 2" alt="title 2" />
<img src="/cms/admin/modules/ckfinder/userfiles/images/29.jpg" data-thumb="/cms/admin/modules/ckfinder/userfiles/images/29.jpg" title="no strip" alt="no strip" />
<img src=http://www.mrconservative.com/files/2013/05/hot-girl-inside.jpg
data-thumb=http://www.mrconservative.com/files/2013/05/hot-girl-inside.jpg
title="no strip title 2" alt="no strip title 2" />
</div></div></div>
</div>
<div id='menu'>
<ul id='MenuBar1'>
<li>
<a href='home'>Home</a>
<ul id='MenuBar1'>
<li>
<a href='banaan'>Banaan</a>
</li>
</ul>
</li>
<li>
<a href='werkwijze'>Werkwijze</a>
<ul id='MenuBar1'>
<li>
<a href='wortell'>Wortel</a>
<ul id='MenuBar1'>
<li>
<a href='golden'>Golden</a>
</li>
<li>
<a href='aardappel'>Aardappel</a>
<ul id='MenuBar1'>
<li>
<a href='peer'>item </a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href='contact'>Contact</a>
<ul id='MenuBar1'>
<li>
<a href='jonagold'>Jonagold</a>
</li>
</ul>
</li>
</ul>
</div><div id='container-wrapper'>
<div id=left-column>
<div id = block-left-column style='border: 1px solid blue;'>
<p><img alt="" src="/cms/admin/modules/ckfinder/userfiles/images/50.jpg" style="height:267px; width:200px" /></p>
</div>
</div>
<div id='content' style='width:529px'>
<div id="content-action-bar">
<div id="action-item">Written by: Timothy Meskers</div>
<div id="action-item">Published on: 21 August, 2013</div>
<div id="action-item">Last edit: 4 September, 2013</div>
<div id="action-item"><img src="/cms/admin/images/icons/printer.png" onclick="printpage()"></div>
</div>
<div style='clear:both;'></div>
<div id='block-title' style='border: 1px solid red;'>
Closer and closer we become</div>
<div id='block-content' style='border: 1px solid red;'>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet semper tellus, in interdum augue. Vivamus ut ligula ut risus imperdiet pharetra at ut orci. Duis nibh quam, dictum ac fringilla ut, feugiat sed augue. Aenean a neque eget erat euismod pretium et in lorem. Nulla hendrerit nibh id pharetra sagittis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam posuere posuere lacus, vitae dignissim metus porttitor a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam vehicula tincidunt porta. Ut vehicula augue a felis molestie tincidunt.</p>
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum sagittis tristique risus, et fringilla risus dapibus sit amet. Nulla vel orci ac orci adipiscing luctus non in leo. In vel consequat lorem. Ut tristique nec felis non tempus. Integer diam enim, scelerisque pellentesque sapien nec, bibendum viverra odio. Pellentesque placerat, tortor in bibendum ornare, diam neque viverra mauris, vitae molestie velit dui et mi. Phasellus eros nisl, sagittis eget accumsan id, bibendum ullamcorper justo. Morbi tincidunt fringilla massa, vel semper dui adipiscing consequat. Donec egestas bibendum tincidunt. Nullam vitae odio ut erat venenatis lacinia. Cras quis metus ornare mi ornare lacinia at vitae nulla. Aliquam ultricies lacus est, et rutrum neque semper at. Duis ultricies, tellus vel blandit auctor, diam diam mollis leo, vitae fermentum enim tellus nec diam. Fusce ante nisl, suscipit vel mollis sit amet, mollis mattis mi.</p>
<p>Suspendisse vitae ligula semper, laoreet neque at, fermentum nisl. Sed porttitor aliquet tellus, sed dictum massa tincidunt id. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam ultrices eu urna et dictum. Maecenas sodales orci quis augue tincidunt, pulvinar pellentesque mi volutpat. Suspendisse dapibus pretium diam, eget rutrum libero dignissim vitae. Nunc odio purus, mattis id nulla eu, convallis sagittis lacus. Etiam placerat pretium orci, eu iaculis mauris vulputate a.</p>
</div>
<div id="social-media-bar">
<div id="social-media-bar-item"><div class="fb-like" data-href="http://www.moneyrevenue.nl" action="like" layout="standard" data-width="300"
data-show-faces="false" data-send="true"></div></div>
<div id="social-media-bar-item"><g:plusone annotation="none" href="" size="small"></g:plusone></div>
<div id="social-media-bar-item"><a href="https://twitter.com/share" class="twitter-share-button" data-url="" data-text="" data-related="jasoncosta" data-via="twitter user" data-lang="en" data-size="large" data-count="vertical">Tweet</a></div>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
</div>
<div id=right-column>
<div id = block-right-column style='border: 1px solid blue;'>
<p><img alt="" src="/cms/admin/modules/ckfinder/userfiles/images/51.jpg" style="height:267px; width:200px" /></p>
</div>
</div>
<div class="clear_all"></div>
<div id='footer-container'>
<div id='footer-text'>
</div>
</div>
<script>
$(document).ready(function()
{
var url = window.location.pathname;
var page = url.substr(url.lastIndexOf('/') + 1);
if (page)
{
$('#MenuBar1 li a[href="' + page + '"]').addClass('active');
$('.active').parents().children('li a').addClass('active');
}
});
</script>
</div>
</div>
</body>
</html>
[size=xsmall]Toevoeging op 20/09/2013 11:00:30:[/size]
Na wat intensief googlen ben ik erachter gekomen dat het komt door mijn nivo slider, het is bijna niet te doen om dit normaal te printen aangezien alles dynamisch is.
Ik ga dus kijken of ik een afbeelding van de huidige pagina kan maken en deze kan printen of weet iemand iets beters?
