Printing pages and css

[naifyboy]

hi

i have an image floated to the right of a paragraph with text to the left of it using css for both image and text properties.

problem is when you print (or use print preview) the text is shown at the bottom of the image rather than to the left as it should be. Therefore when someone prints the page it looks awful and does not represent what is shown on screen.

anyone have this problem and know of resolution?

thanks guys..

 

[DaZZleD]

take a look at using CSS for different media:
@media screen
{
styles for when displaying
}

@media print
{
styles for when printing
}

 

[naifyboy]

thanks dazzled - does this mean i have to create to seperate .css files - one for the screen and one for the printing?

thanks

 

[DaZZleD]

they can be stored in the same file. you just need to create the styles twice (one for screen one for printing) for the objects that don't display right