Different widths for different browsers

Probably a hopeless question but is there anything I can embed in an
html page that will enable me to have a different page width for an
ordinary browser or a mobile phone browser when they access the page?

Hope thats slightly less than clear as mud

--
TTFN
Jim

When you have secured an area, don't forget to tell the enemy.
-- Murphy's Military Laws, #19

"Barely Audible" <anywhere (AT) but (DOT) here> wrote

Probably a hopeless question but is there anything I can embed in an html
page that will enable me to have a different page width for an ordinary
browser or a mobile phone browser when they access the page?

As an alternitive question might I ask why you want to specify a "page
width" anyway.

If you simply fail to specify anything at all to do with page with then the
page will automatically adjust to the with of the browsers viewport, no
matter what technology that browser is running on. That is how browsers
work, before web authors cripple them by over specifying things.

"rf" <rf@z.invalid> wrote

"Barely Audible" <anywhere (AT) but (DOT) here> wrote in message
news:7lfr3vF3e03a7U1 (AT) mid (DOT) individual.net...
Probably a hopeless question but is there anything I can embed in an html
page that will enable me to have a different page width for an ordinary
browser or a mobile phone browser when they access the page?

As an alternitive question might I ask why you want to specify a "page
width" anyway.

If you simply fail to specify anything at all to do with page with then
the page will automatically adjust to the with of the browsers viewport,
no matter what technology that browser is running on. That is how browsers
work, before web authors cripple them by over specifying things.

Strewth. I must have a sore d fingure. s/with/width/g

In article <7lfr3vF3e03a7U1 (AT) mid (DOT) individual.net>, on Thu, 05 Nov 2009
11:26:55 +0000, Barely Audible wrote:

Probably a hopeless question but is there anything I can embed in an
html page that will enable me to have a different page width for an
ordinary browser or a mobile phone browser when they access the page?

Hope thats slightly less than clear as mud

Use a diffferent stylesheet.

http://www.w3.org/TR/CSS2/media.html
http://www.howtocreate.co.uk/tutorials/css/mediatypes
http://css-discuss.incutio.com/?page=HandheldStylesheets

--
David Postill
Dance your Life - Biodanza in Holland - <http://www.danceyourlife.eu>

On 5 Nov, 11:26, Barely Audible <anywh... (AT) but (DOT) here> wrote:

Probably a hopeless question but is there anything I can embed in an
html page that will enable me to have a different page width for an
ordinary browser or a mobile phone browser when they access the page?

Not really. If you want this sort of tailoring, you need to look at
server-side dynamic behaviour based on browser sniffing (a ghastly
notion at best, but barely excusable here). Protocols like CC/PP
promise much, but don't deliver too well. It's actually quite hard to
determine "mobile vs. desktop" and sniffing for the OS is generally
more robust than sniffing for browsers and less often spoofed.

Really though, go read the free online copy of Joe Clark's book on
accessible web design. In particular, read the sections on the
importance of a well-linearised site, and on fluid design.

Fluid design makes your site content render usefully well no matter
what the window width (remember it's window, not screen, that
matters). It can't render "as well" (it's smaller), but it does mean
that things don't break and your sideways positioning gracefully
degrades to a vertical stack as necessary, without either truncation,
overlap, or (ideally) needing to use sideways scrolling as well.

Fluid design is important (and important purely for desktops) but even
that's not enough. Most mobile browsing now (compared to 5 years ago)
is done through palmtop and tablet devices that have a reasonable
screen width of 600 or 800, rather than the pure phone of 200 square.
However they're still short on connection bandwidth. Their browsers
should render incrementally as content appears (Opera is noticeably
poor at this, just look at the Nokia 800 tablets). Sites should also
be very careful about their linearisation order, and in not serving
superfluous content (mostly excess ads) that make page access unusably
slow. These are server-side issues, not client-side!

No matter how clever your page design and how fluid your CSS layout
is, getting good usability to today's tablet devices requires a
careful allocation of bandwidth, and that's why we're back looking at
user-agent sniffing.

Barely Audible <anywhere (AT) but (DOT) here> writes:

Probably a hopeless question but is there anything I can embed in an
html page that will enable me to have a different page width for an
ordinary browser or a mobile phone browser when they access the page?

That's what will happen automatically, unless you've taken specific steps
to restrict your page to a fixed width. If you *are* using a fixed-width
layout, you're beginning to understand why that's a bad idea. So stop
doing that. :-)

sherm--

David Postill wrote:

In article <7lfr3vF3e03a7U1 (AT) mid (DOT) individual.net>, on Thu, 05 Nov 2009
11:26:55 +0000, Barely Audible wrote:

| Probably a hopeless question but is there anything I can embed in an
| html page that will enable me to have a different page width for an
| ordinary browser or a mobile phone browser when they access the page?
|
| Hope thats slightly less than clear as mud

Use a diffferent stylesheet.

http://www.w3.org/TR/CSS2/media.html
http://www.howtocreate.co.uk/tutorials/css/mediatypes
http://css-discuss.incutio.com/?page=HandheldStylesheets

Thanks David I do believe that answers my question!

--
TTFN
Jim

There is no problem that cannot be solved by the use of large
quantities of high explosives.