View Single Post
Old 06-12-2010, 09:27 AM   #99
charleski
Wizard
charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.
 
Posts: 1,188
Karma: 727236
Join Date: Sep 2009
Device: PRS-505
Quote:
Originally Posted by Chang View Post
I'm quite doubtful but is there a way (preferably an easy way) to keep that layout so it would look same in different devices and monitors regardless the screen size?
Screen size is the real issue. Essentially you want to be able to control the size of the text in order to ensure that lines don't wrap, the rest is just simple justification and margin control.

Unfortunately, CSS2 doesn't have conditional rules that would be useful here. If you're targeting readers equipped with ADE, though, then you could take advantage of Adobe's page-template extension and the conditional styling it allows. See the section on dynamic styling here. This can be used to set differing selector rules for different sizes of screen. Of course, this is non-standard and would only work on ADE readers (which are still the large majority of devices), but you can set the default rules to suit something like the iPad and then apply conditional rules to match ADE readers with smaller screens.
charleski is offline   Reply With Quote