Home | Contact Us | FAQ | Search & Site Map | Link to Us
Sign In | Join | Other 45 Sites in Network
Home
Discussion GroupsGeneralPHPASPPerlColdFusionFlashHTML, CSS, ScriptsBrowsers

Webmaster Forum / HTML, CSS, Scripts / CSS / October 2006



Tip: Looking for answers? Try searching our database.

What is your all around site CSS width property set at?

Thread view: 
Enable EMail Alerts  Start New Thread
Thread rating: 
varois83 - 22 Oct 2006 17:05 GMT
Hi

I hear to set the css width property at 774px which is good for all
resolutions. What are you using?

Thanks a lot

Patrick
Beauregard T. Shagnasty - 22 Oct 2006 17:12 GMT
> I hear to set the css width property at 774px which is good for all
> resolutions.

Doesn't work on my PDA, and with my large display, you waste a lot of
screen space.

> What are you using?

Nothing. Think flexible.

http://allmyfaqs.net/faq.pl?AnySizeDesign

Signature

  -bts
  -Motorcycles defy gravity; cars just suck

varois83 - 23 Oct 2006 02:19 GMT
Sherm Pendley - 22 Oct 2006 17:20 GMT
> I hear to set the css width property at 774px which is good for all
> resolutions.

You heard wrong.

> What are you using?

No hard-coded width at all. That *is* good for any resolution.

sherm--

Signature

Web Hosting by West Virginians, for West Virginians: http://wv-www.net
Cocoa programming in Perl: http://camelbones.sourceforge.net

Bergamot - 22 Oct 2006 22:37 GMT
> No hard-coded width at all. That *is* good for any resolution.

Agreed, however, it can be good to set a max-width (in ems, of course)
to prevent overly long lines of text. 35em for paragraphs is usually a
good max. A multi-column layout would be wider.

px is never a good unit for page width unless the content is all
graphics, which probably raises another batch of issues.

Signature

Berg

Andy Dingley - 23 Oct 2006 11:14 GMT
> > No hard-coded width at all. That *is* good for any resolution.
>
> Agreed, however, it can be good to set a max-width (in ems, of course)
> to prevent overly long lines of text.

No, never.  There's never any need to set "all around site width".

If you have a column of text in there, then set max-width on that (in
ems) so as to limit the longest line length. But set it on the _column_
where the text is, not the overall page.
Bergamot - 24 Oct 2006 00:57 GMT
> If you have a column of text in there, then set max-width on that (in
> ems) so as to limit the longest line length. But set it on the _column_
> where the text is, not the overall page.

If you have 2 columns of text, what's wrong with setting an overall page
width in ems to limit both columns in one shot? If you do that, you can
center the page horizontally so it looks nicer. If you only constrain
paragraph or individual column widths, you end up with unbalanced empty
space that looks weird in larger windows.

Signature

Berg

Bergamot - 24 Oct 2006 01:36 GMT
> If you have 2 columns of text, what's wrong with setting an overall page
> width in ems

Make that max-width, not width.

Signature

Berg

dorayme - 24 Oct 2006 02:49 GMT
>  If you only constrain
> paragraph or individual column widths, you end up with unbalanced empty
> space that looks weird in larger windows.

Give a url example.

Signature

dorayme

Bergamot - 24 Oct 2006 03:05 GMT
>>  If you only constrain
>> paragraph or individual column widths, you end up with unbalanced empty
>> space that looks weird in larger windows.
>
> Give a url example.

Perhaps Mr Dingley can provide one, if that is how he usually designs
things. If not, it should be easy enough to make a test case yourself.
With a 2-column layout, you'd likely end up with either a big hole in
the middle of the page, or on one side.

Signature

Berg

dorayme - 24 Oct 2006 03:18 GMT
> Perhaps Mr Dingley can provide one, if that is how he usually designs
> things. If not, it should be easy enough to make a test case yourself.
> With a 2-column layout, you'd likely end up with either a big hole in
> the middle of the page, or on one side.

This is exactly what I want to know, if it is to the side then
what is wrong with that? There seems to be this stupid idea going
around that is similar to the idea that nature abhors vacuums. I
mean, if there is nothing to say or put somewhere it is silly to
pretend otherwise on a website.

Look, Bergomot, i am not criticising you, have forgotten details
of thread. But the point is that it is important where empty
spaces are. All voids are not aesthetically equivalent.

Signature

dorayme

Andy Dingley - 24 Oct 2006 09:26 GMT
> If you have 2 columns of text, what's wrong with setting an overall page
> width in ems to limit both columns in one shot?

If you have 2 columns of text and want to constrain the overall width
of the pair, then wrap the pair in a <div> and constrain the width of
that. That's still not constraining the page width though.

You can't constrain page width -- that's set by the browser window and
you're stuck with it. So find the thing you do want to control, control
that, and manage the placement of this thing within your overall page.
If you try to control the _page_ then you run into an ugly situation
when the page is wider than you want and there's a "no man's land"
situation off to the side of it where you've let the bare canvas show
through and it's no longer under such good or detailed control by your
CSS.
Bergamot - 25 Oct 2006 00:22 GMT
> If you have 2 columns of text and want to constrain the overall width
> of the pair, then wrap the pair in a <div> and constrain the width of
> that.

Ah, now I see. We were talking about the same thing really. I do agree
about *never* setting a max-width on the body or html element. I've seen
IE do weird things with that, or with margins on body. They seem like
illogical things to do, anyway.

> That's still not constraining the page width though.

But what you said is what I meant, anyway. :)

cheers

Signature

Berg

Jobe - 25 Oct 2006 20:07 GMT
Dear all,

Does everybody agree with Berg's statement that the use of margins in
body should be avoided?

I do use it often without problems.

br

Johan
www.web-garden.be

> > If you have 2 columns of text and want to constrain the overall width
> > of the pair, then wrap the pair in a <div> and constrain the width of
[quoted text clipped - 10 lines]
>
> cheers
carolyn - 23 Oct 2006 11:55 GMT
> Hi
>
[quoted text clipped - 4 lines]
>
> Patrick

At 744 pixels wide, I will have to scroll a few screen widths on my handheld
in order to read each line.  I hate having to do that.  Also at 744 pixels
wide, I will have about a 400 pixel wide margin in my normal viewport.  I
hate having to scroll vertically, when I have all that unused white space.

Set the width at either what pleases you, or let it flow to fill the users
viewports.  The choice is yours, however I am more likely to stay and visit
your site if it flows.

Carolyn
Signature

Carolyn Marenger

Gérard Talbot - 27 Oct 2006 20:26 GMT
varois83 wrote :
> Hi
>
> I hear to set the css width property at 774px which is good for all
> resolutions. What are you using?

I use
width: auto
so that block-level elements take as much horizontally as they can from
their parent element, and this, regardless of their user agent viewport,
regardless of their resizing of the window viewport.

What you heard is very wrong: it creates a rigid, inflexible webpage design.

Gérard
--
remove blah to email me
varois83 - 29 Oct 2006 03:19 GMT
Thanks caroline and Gerard

Very helpfull

Patrick
 
Sign In
Join
My Latest Posts
My Monitored Threads
My Blog
My Photo Gallery
My Profile
My Homepage

Start New Thread
Enable EMail Alerts
Rate this Thread



©2009 Advenet LLC   Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.