What is your all around site CSS width property set at?
|
|
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
|
|
|