 | |
Resolution
Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)
 |
| | Thread Tools | Display Modes |
#1
 
| |||
| |||
|
Resolution -
07-07-2004
, 07:57 AM
#2
| |||
| |||
|
|
Hi i am having a problem trying to discover how you make a page centre as screen resoultion changes. Example, when viewing macromedia site using 800x600 the page fills the screen. When viewing using 1024x768 the page is centred. Also http://shop.o2.co.uk/shop/ mangaes to centre the page. Could someone please give me some advice to help me resolve this issue. Thanx |
#3
| |||
| |||
|
|
Screen resolution has nothing to do with it, beyond limiting the univers of width/height combinations I can choose. |
areas of content that are too wide to read comfortably.
--
Cheers,
Linda Rathgeber
----------------------------------------------------------------------
Learn Fireworks Visual Effects with "RAZZLE DAZZLE"
http://www.webdevbiz.com/pwf/
Victoriana | http://www.projectseven.com
Playing with Fire | http://www.playingwithfire.com
Team MM Fireworks Volunteer | www.macromedia.com/go/team
----------------------------------------------------------------------
#4
| |||
| |||
|
|
Flexible tables are bad, Murray. :-) They seduce people into creating areas of content that are too wide to read comfortably. |
--
James M. Shook
http://www.jshook.com
#5
| |||
| |||
|
|
Linda Rathgeber-TMM wrote: Flexible tables are bad, Murray. :-) They seduce people into creating areas of content that are too wide to read comfortably. Indeed. When used by unskilled designers. |
resolve the problem of a flexible content area expanding the width of
the text beyond readability?
--
Cheers,
Linda Rathgeber
----------------------------------------------------------------------
Learn Fireworks Visual Effects with "RAZZLE DAZZLE"
http://www.webdevbiz.com/pwf/
Victoriana | http://www.projectseven.com
Playing with Fire | http://www.playingwithfire.com
Team MM Fireworks Volunteer | www.macromedia.com/go/team
----------------------------------------------------------------------
#6
| |||
| |||
|
|
James Shook wrote: Linda Rathgeber-TMM wrote: Flexible tables are bad, Murray. :-) They seduce people into creating areas of content that are too wide to read comfortably. Indeed. When used by unskilled designers. Indeed. The same problem exists with CSS positioning. How do you best resolve the problem of a flexible content area expanding the width of the text beyond readability? -- Cheers, Linda Rathgeber ---------------------------------------------------------------------- Learn Fireworks Visual Effects with "RAZZLE DAZZLE" http://www.webdevbiz.com/pwf/ Victoriana | http://www.projectseven.com Playing with Fire | http://www.playingwithfire.com Team MM Fireworks Volunteer | www.macromedia.com/go/team ---------------------------------------------------------------------- |
#7
| |||
| |||
|
|
I always just add more content! Thank goodness for http://www.lipsum.com 8) |
do you prevent it from getting wider than 450 to 500 pixels wide?
--
Cheers,
Linda Rathgeber
----------------------------------------------------------------------
Learn Fireworks Visual Effects with "RAZZLE DAZZLE"
http://www.webdevbiz.com/pwf/
Victoriana | http://www.projectseven.com
Playing with Fire | http://www.playingwithfire.com
Team MM Fireworks Volunteer | www.macromedia.com/go/team
----------------------------------------------------------------------
#8
| |||
| |||
|
|
Indeed. The same problem exists with CSS positioning. How do you best resolve the problem of a flexible content area expanding the width of the text beyond readability? |
place my text in a table or cell which is set to a percentage of the
window's width. I make sure that the width I use produces reasonable
line lengths in maximized windows on screens up to 1024 pixels wide. I
assume that anyone with a larger screen would not be using a maximized
window, or is used to seeing long text lines. As a
low-tech-but-works-everywhere solution to minimum width I tuck a 1 x n
pixel transparent GIF (where n is the minimum width I want) somewhere in
the page structure to "freeze" the element containing the text to a
minimum width, although this often happens automatically because of
visible graphic elements already on the page.
In practice this produces pages where the page element containing the
text is only mildly flexible within what I hope are legible minimum and
maximum widths. I try to make the other page elements respond more to
changes in window size than the text does so that the entire design is
more flexible than the text itself. I can't really generalize on how to
do this, but here is an example of some pages I have made:
Apart from the nav stuff at the top and bottom of the page, and an
introductory paragraph that is wider and more flexible than the main
text column (and which is in a larger text size), the main text varies
from about 15 words at its minimum (a very narrow window size few are
likely to use--about 470 pixels) to about 20 words when the window is as
wide as it can go on a 1024-pixel-wide screen. At that window size, the
text makes for rather a narrow, although easy to read, column down the
middle of the window. So I have placed the photographic illustrations so
that they are half within the text column (which wraps around them)and
half protruding into the empty space on either side of it. This makes
the white space on either side of the text more actively part of the
page design and creates a nice visual rhythm as you scroll down the page
(the photos alternate left-right-left-right etc.). I've also used a
generous line-height. All of this was in service of making a page with a
lot of text look visually lighter and, I hope, more likely to be read.
That's just one example of haw you can think about creating designs that
are flexible to varying degrees without producing undesirable line lengths.
And of course, there is nothing wrong with a fixed-width design. (But
center it please.) apple.com is a good example of this approach. The
fixed width of the page gives them a very print-like control over the
text. They can confidently use multiple text columns and other design
elements without having to worry about awkward page flow in extreme
window sizes. And it works perfectly well as you change text size--all
of the expansion is vertical. They're using CSS-P for most of the page.
(I wonder when they converted? It used to be tables-based.)
I tend to think in terms of flexible pages simply because I think people
should get their money's worth from all of the the pixels they bought.
(And I like the challenge of figuring out the mechanics for how to do
this for a given visual design.) But the design has to provide a
mechanism for reasonable text line lengths or the advantage of a
page-filling design will be squandered.
--
James M. Shook
http://www.jshook.com
#9
| |||
| |||
|
|
I assume that anyone with a larger screen would not be using a maximized window, or is used to seeing long text lines. |
window all the time.
Quote:
|
And of course, there is nothing wrong with a fixed-width design. (But center it please.) apple.com is a good example of this approach. The fixed width of the page gives them a very print-like control over the text. They can confidently use multiple text columns and other design elements without having to worry about awkward page flow in extreme window sizes. |
--
Cheers,
Linda Rathgeber
----------------------------------------------------------------------
Learn Fireworks Visual Effects with "RAZZLE DAZZLE"
http://www.webdevbiz.com/pwf/
Victoriana | http://www.projectseven.com
Playing with Fire | http://www.playingwithfire.com
Team MM Fireworks Volunteer | www.macromedia.com/go/team
----------------------------------------------------------------------
#10
| |||
| |||
|
|
Flexible tables are bad, Murray. :-) They seduce people into creating areas of content that are too wide to read comfortably. |
own preferred width. Realize that long line lengths, while a detriment,
aren't nearly as annoying to a lot of folks as pages that don't fit their
browser and require scrolling.
In otherwords, don't write of flexible layouts based on long line lengths.
-Darrel
|
« Previous Thread
|
Next Thread »
| Thread Tools | |
| Display Modes | |
Linear Mode
| |
Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.