Once you click ‘print’ at the bottom of the screen and then once again once in the lightbox, as you can see, the tyre image is displayed on a separate page unfortunately.
I have tried using @media print { } but have not had any luck. Any suggestions? Thanks!
Thank you for the response. I have tried solutions similar to what you have suggested, changing width etc. I have just tried your suggestion too but this doesn’t seem to make any difference to the print page.
Floats don’t really work at all on printed media so you would be better off getting riid of that image altogether and letting the text go full width.
If the image is important to be printed then you should arrange the html so that the float can be removed and the image fall under the relevant content section that you need when printed.
For print then simplest is best and that means creating a simple linear layout that doen’t involve columns or floats.
A quick fix may to be add the following to your print sheet.
I injected the code into the live page and it printed fine for me in Firefox, Chrome and IE but of course I may have different printer settings to you anyway. There are so many variables with printing that it is a difficult process.