|
|
Posted by Gιrard Talbot on 01/13/06 04:35
Jose wrote :
>> Creating a web page which will be scalable for visual media and for
>> small screen devices (media="mobile") is still quite difficult, rare
>> on the web. I'd say you need a special stylesheet for such webpage.
>
> Tables work, and are pretty universally supported.
>
>> What if the page was intended for visual browsers with a minimum of
>> 800x600 or 640x480 scr. res.? (ie. body {min-width: 620px;}) And not
>> for devices with Small Screen Resolution (SSR)?
>
> It would be impolite. Websites should resize gracefully - even if
> somebody has the requisite screen area,
You have a point... but for another reason:
Authoring for Small-Screen Rendering (SSR)
http://www.opera.com/products/mobile/dev/index.dml
they may not want to (or be able
> to) devote the entire screen to the webmasters wonderful creation. They
> may actually be doing other things too.
For entirely scalable CSS-template webpages, browser manufacturers
(specially Microsoft and MSIE 7) need to fix several bugs on absolute
positioning and, as we all know, fixed positioning. I did report (and so
has positioningiseverything.net , quirksmode.org , and several others
etc. - see http://www.gtalbot.org/BrowserBugsSection/ for more MSIE 6
bug collection sites).
Resizing gracefully has still not been exhaustively defined either. You
may find that webpage x resizes gracefully while I could disagree and I
could find that webpage y resizes gracefully while you could disagree.
In absence of explicit parameters/measurement criteria, it's still
anyone's call. I assure you that there are many and many types of CSS
templates webpages. As I said earlier, some are based on abs. pos.,
others on float, others on negative margins, some are even js-driven;
and in the middle, you can have all kinds of blend of these features.
Just examine yourself these links at
http://css-discuss.incutio.com/?page=FrontPage
* FixedLayouts - using position: fixed to lay out pages
http://css-discuss.incutio.com/?page=FixedLayouts
* AbsoluteLayouts - using position: absolute to lay out pages
http://css-discuss.incutio.com/?page=AbsoluteLayouts
* FloatLayouts - using the float property to lay out pages
http://css-discuss.incutio.com/?page=FloatLayouts
* EmulatingFrames - using CSS to recreate the effect of frames
http://css-discuss.incutio.com/?page=EmulatingFrames
* TwoColumnLayouts
http://css-discuss.incutio.com/?page=TwoColumnLayouts
* ThreeColumnLayouts - a collection of three column layouts
http://css-discuss.incutio.com/?page=ThreeColumnLayouts
* FooterInfo - positioning page footers with CSS
http://css-discuss.incutio.com/?page=FooterInfo
* AnyColumnLongest - how to make all columns appear the same height
http://css-discuss.incutio.com/?page=AnyColumnLongest
* BorderSlants - using borders to create the illusion of
non-rectangular shapes and layouts
http://css-discuss.incutio.com/?page=BorderSlants
* SideScrollingNarrowColumnLayout - newspaper-like layout for more
readable text
http://css-discuss.incutio.com/?page=SideScrollingNarrowColumnLayout
* MultiColumnLayoutWithFooterAndJavascript - make a footer appear
at the end of a multi-column page using JavaScript.
http://css-discuss.incutio.com/?page=MultiColumnLayoutWithFooterAndJavascript
* MinWidth - different work-arounds/hacks to simulate "min-width"
in IE.
http://css-discuss.incutio.com/?page=MinWidth
Some of them are not so good, some are better, some are improvable, some
are not scalable, some are not customizable (without huge knowledge),
some work/target browser bugs while some others do not, some are for
complex design, some are for simple 2 columns, etc..
At this page, I have recommended several CSS templates that I examined
and believe can be used:
http://www.gtalbot.org/NvuSection/NvuWebDesignTips/WebDesignResources.html#CSSWebpageTemplates
GΓ©rard
--
remove blah to email me
Navigation:
[Reply to this message]
|