473,403 Members | 2,071 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,403 software developers and data experts.

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

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

Oct 22 '06 #1
16 2079
varois83 wrote:
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

--
-bts
-Motorcycles defy gravity; cars just suck
Oct 22 '06 #2
"varois83" <va******@netzero.netwrites:
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--

--
Web Hosting by West Virginians, for West Virginians: http://wv-www.net
Cocoa programming in Perl: http://camelbones.sourceforge.net
Oct 22 '06 #3
Sherm Pendley wrote:
>
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.

--
Berg
Oct 22 '06 #4

Thanks

Pat

Oct 23 '06 #5

Bergamot wrote:
Sherm Pendley wrote:

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.

Oct 23 '06 #6
varois83 wrote:
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
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
--
Carolyn Marenger

Oct 23 '06 #7
Andy Dingley wrote:
>
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.

--
Berg
Oct 23 '06 #8
Bergamot wrote:
>
If you have 2 columns of text, what's wrong with setting an overall page
width in ems
Make that max-width, not width.

--
Berg
Oct 24 '06 #9
In article <4q************@individual.net>,
Bergamot <be******@visi.comwrote:
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.

--
dorayme
Oct 24 '06 #10
dorayme wrote:
In article <4q************@individual.net>,
Bergamot <be******@visi.comwrote:
> 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.

--
Berg
Oct 24 '06 #11
In article <4q************@individual.net>,
Bergamot <be******@visi.comwrote:
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.

--
dorayme
Oct 24 '06 #12

Bergamot wrote:
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 <divand 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.

Oct 24 '06 #13
Andy Dingley wrote:
>
If you have 2 columns of text and want to constrain the overall width
of the pair, then wrap the pair in a <divand 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

--
Berg
Oct 24 '06 #14
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

Bergamot wrote:
Andy Dingley wrote:

If you have 2 columns of text and want to constrain the overall width
of the pair, then wrap the pair in a <divand 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

--
Berg
Oct 25 '06 #15
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
Oct 27 '06 #16
Thanks caroline and Gerard

Very helpfull

Patrick

Oct 29 '06 #17

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

10
by: Michael | last post by:
How can I identify the Table that the Geocities banner is in? I tried document.all.tags("table").style.display = 'none' no matter what number I used nothing worked. Using CSS script ...
145
by: Mark Johnson | last post by:
Oddly enough, I found it difficult, using Google, to find a list of best-of sites based on the quality of their css packages. So I'd ask. Does anyone know of particularly good sites which are in...
47
by: Neal | last post by:
Patrick Griffiths weighs in on the CSS vs table layout debate in his blog entry "Tables my ass" - http://www.htmldog.com/ptg/archives/000049.php . A quite good article.
86
by: Michael Kalina | last post by:
Because when I asked for comments on my site-design (Remember? My site, your opinion!) some of you told me never to change anything on font-sizes! What do you guys think of that:...
9
by: Rajat Tandon | last post by:
Hello there, I am relatively new to the newsgroups and C#. I have never been disappointed with the groups and always got the prompt replies to my queries.This is yet another strange issue, I am...
7
by: Mike Fellows | last post by:
Below is my code that is carried out on my dataset, datagrid etc... Im trying to get column0 "Date & Time" to show date and time, not just date ive read some stuff posted by Dmitriy Lapshin on...
4
by: _Raven | last post by:
Okay, I am playing with submitting forms with Ajax. I am trying to adapt this script to my forms: http://www.captain.at/howto-ajax-form-post-get.php I have included my code at the bottom of this...
9
by: Tom P. | last post by:
I am creating a custom control and I'm trying to get the painting of it correct. I'd like to simply use: e.Graphics.FillRectangle(Brushes.White, DisplayRectangle); .... or ......
5
by: h3xx | last post by:
Sorry, this isn't specifically related to PHP, but to an odd bug I came across when testing some code inside IE7. The problem is that IE7 freezes, but only when the following conditions are met:...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.