Help - Search - Members - Calendar
Full Version: Template streching out
HTMLHelp Forums > Web Authoring > General Web Design
Abid
I developed a page view.The problem is that when this page is viewed on wider screens like the LCD's the images are fixed and the background moves out making it ugly.I want a solution to fix the background with out streching it so that all the images are fixed at the right places.How anyone can help me out.
Darin McGrew
The main problem I see is with the background image, which is a fixed width. To get it to adapt to different widths of display area, you can split the image up as described here:
http://www.w3.org/Style/Examples/007/roundshadow
http://www.alistapart.com/articles/customcorners/
http://www.alistapart.com/articles/customcorners2/
Summer Breeze
QUOTE(Abid @ Aug 5 2009, 12:22 AM) *

I developed a page view.The problem is that when this page is viewed on wider screens like the LCD's the images are fixed and the background moves out making it ugly.


Hi Abid -
You might consider using CSS to make a container div, and fixing the width of that div to accommodate the fixed width of your background elements.

As a user with a wide LCD, I find it disconcerting when the content can expand to the width of my screen. I'd have to use my neck muscles to read, so I have to readjust my browser window. But, shouldn't that be the designer's job to provide me with a window I can comfortably read?

Web Style Guide, 3rd edition (Patrick J. Lynch and Sarah Horton) page 192 makes note of a column being only a few inches wide, or about 12 words per line.

Interesting.

Best,
SB
Darin McGrew
I've heard arguments for limiting the length of a line of text. On the web, the cleanest way to do something like that would be to limit the width of the text using max-width with a value using em units.
pandy
QUOTE(Summer Breeze @ Aug 5 2009, 10:16 PM) *

As a user with a wide LCD, I find it disconcerting when the content can expand to the width of my screen. I'd have to use my neck muscles to read, so I have to readjust my browser window.


I don't understand this. If you don't like to have the content expand to the width of your screen, why don't you have your browser set to the width you like to start with?

QUOTE
But, shouldn't that be the designer's job to provide me with a window I can comfortably read?


No. To provide everyone with as comfortable a read as possible.
pandy
QUOTE(Darin McGrew @ Aug 6 2009, 10:47 AM) *

I've heard arguments for limiting the length of a line of text. On the web, the cleanest way to do something like that would be to limit the width of the text using max-width with a value using em units.


If only that wasn't misused so much. Those who use it tend to set it to correspond (approximately) to the so called "optimal" number of characters per line, derived from print, of course. Optimal for print is what suits most people, or isn't too large a discomfort to most people, whatever way you put it, since you can't change how a page displays once it's printed. Screen doesn't have to be that way. Some people find short lines tiresome and prefer a little longer lines. I don't know if it's just me, but I find reading on screen very different from reading a book, and too short lines is really problematic for me on screen. I think it has to do with the distance to the text.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.