[WSG] FEATURE-AOL sees future in Web standards, digital media
Sorry if this has been posted already, couldn't see it anywhere... http://www.reuters.com/newsArticle.jhtml?type=topNews&storyID=4648876 P * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
Re: [WSG] Flow from bottom?
On 04/04/2004, at 10:23 AM, Tim Shortt wrote:
russ weakley wrote:
One method - not tested but in theory:
Place the content inside a container, and apply absolute positioning
to the
container:
#contaner {position: absolute; left: 20px; bottom: 20px;}
The container will set at the bottom of the viewport or its
containing box
and the content will flow up rather than down.
Russ
I was lurking and took the liberty of trying this, and the content
indeed stuck to the bottom of it's container. However, once the window
was resized smaller (vertically), a scollbar would not appear. So the
top-most content moved up and cut off at the top of the browser. Any
ideas on how to prevent the top content from cutting off?
There is a similar problem with some browsers not providing scroll bars
on centred+fixed width content, which I found could be avoided if the
fixed-width container had a 1px border on the sides... I don't have the
source code you guys are both working of, but it's worth a try.
---
Justin French
http://indent.com.au
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*
RE: [WSG] Flow from bottom?
IE Win wll leave a 1pixel space when you absolutely position from the bottom or the right, or more if you actually have white space in your code. Try removing any line breaks – this should get rid of the worst of it. http://css.nu/pointers/bugs-ie.html http://www.csscreator.com/css-forum/ftopic2581.html&sid=d5f9e1408a602f90a000282a0293bf15 James -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Sam Walker Sent: Sunday, 4 April 2004 10:51 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] Flow from bottom? Thanks. I'm not entirely sure why it works, but it does seem to. However, it off-sets the content from the bottom by a few pixels. I replaced the bottom:20px and top:20px with 0px, and it seems to work fine, but it still leaves a few pixels of space underneath, even with margin and padding at 0. Anyone know why? Also, it seems like this makes my content completely disappear in IE Mac.. On Apr 3, 2004, at 4:02 PM, russ weakley wrote: position: absolute; left: 20px; bottom: 20px;
Re: [WSG] Examples of IE 5 / 5.5 / 6.0 CSS rendering
Thanks, Russ, for a prompt reply. The boxmodel provided a perfect test. Sure enough, the side-by-side versions of IE5/5.5 and IE6.0 rendered the boxes differently. Thanks!!! > 3. When testing the page, IE5 and 5.5 will render the div in an entirely > different way (narrower) to IE6 due to their incorrect handling of the box > model. More on this here [2]. > > [2] http://css.maxdesign.com.au/listamatic/about-boxmodel.htm > > > > I need such a page so that I can be sure that the side-by-side (cut-down) > > versions of IE do indeed reflect the rendering of the full older versions of > > IE. > > > > Can anyone point me to a resource that illustrates the rendering differences? * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
Re: [WSG] Examples of IE 5 / 5.5 / 6.0 CSS rendering
Hi SomeNewKid, You could look through Ian Hickson's site [1] for browser tests, but without a lot of pain you could do a simple test yourself. 1. Make an HTML page with full and correct doctype so you can be sure IE6 will render in standards complaint mode (if you do it in XHTML remember to take off the prolog). 2. Put a 100px div on the page with 50px padding and 50px border. Any measurements will do, this is just an example. 3. When testing the page, IE5 and 5.5 will render the div in an entirely different way (narrower) to IE6 due to their incorrect handling of the box model. More on this here [2]. Russ [1] http://ln.hixie.ch/ [2] http://css.maxdesign.com.au/listamatic/about-boxmodel.htm > I need such a page so that I can be sure that the side-by-side (cut-down) > versions of IE do indeed reflect the rendering of the full older versions of > IE. > > Can anyone point me to a resource that illustrates the rendering differences? * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
[WSG] Examples of IE 5 / 5.5 / 6.0 CSS rendering
Knowing that I need to test CSS designs in older versions of IE, I have installed IE 5.0 and IE 5.5 side-by-side with IE 6.0, according to the following article: http://www.insert-title.com/web_design/?page=articles/dev/multi_IE If I visit a site that reports the requesting User Agent, then my 5.0, 5.5 and 6.0 versions of IE do indeed report different User Agents. So far, so good. However, I cannot find any pages that display examples of IE CSS rendering issues. Ideally, a page that explains: "In IE 5.0, this will be red and floated to the left; in IE 5.5 this will be red and without any float; in IE 6.0 this will be green and will move with the page as it's scrolled." That is, a page that exemplifies CSS rendering differences between the three recent versions of IE. I need such a page so that I can be sure that the side-by-side (cut-down) versions of IE do indeed reflect the rendering of the full older versions of IE. Can anyone point me to a resource that illustrates the rendering differences? Thank you to anyone who can help. Regards, SomeNewKid
