The issue (my opinion), isn't really one of CSS but of concept. The short answer to what CSS can achieve is "yes" it can do its part to get to a Photoshop design PROVIDED that design is really one for the web and not for print or some other fixed medium.
Sounds like what you're up against is a design that isn't considering what the web really is - a flexible medium that has elements you'll never be able to control - user's resolution, preferred text size, etc. These variables pretty much dictate that if your content is important at all, then your containers for that content should grow and shrink with said content. Setting up a container that's fixed in BOTH height and width is failing to design for the web, in my opinion. It's design for print. So, to answer your question about approach: "yes" my opinion is it's the wrong approach since it's not taking into account the flexible nature of the web." Think as a web page first, then let your design beautify what the web is. As an example of my own struggles with a Photoshop design that I thought would be impossible see what I'm finishing right now: http://www.springfieldmo.gov/newSite/negMargin.html It has been difficult, but this is a CSS-only design - no tables for layout. It's probably not award winning, but it's reasonably complex for a CSS-only site. But it's nearly identical to the original Photoshop design. I, too, love exactness in my design, but I have learned that some things MUST allow for the variables inherent in what the web is. Good luck in the pursuit. :-) Christopher Web Coordinator City of Springfield, MO On Fri, Aug 22, 2008 at 3:41 PM, Marcel Stör <[EMAIL PROTECTED]> wrote: > What I need to achieve: > A CMS template provides a fix-sized <div> (height and width are px- > based) in which I need to display arbitrary text entered by the user. > Hence, if the full text doesn't fit into the <div> it needs to be cut > off i.e. invisible. So, the <div> style will contain overflow:hidden. > However, since the last line of visible text in the <div> must not be > cut off horizontally I need to tinker with the line-attribute, right? > > The inherited font-size for the <div> is 1em. I played around with > the line-height value in 'em' until I could make sure that no pixel > of the last visible line of text in the <div> is cut off. Then I > switched browser/OS and got totally different results - line-heigths > are always different. > > Am I using the wrong approach here? Is it even possible to achieve in > CSS what the design folks require in their Photoshop layouts? > > Regards, > Marcel > > -- > Marcel Stör, http://www.frightanic.com > Blog: http://frightanic.wordpress.com > Skype: marcelstoer > > > > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
