I'm pretty new to CSS-P - still learning the basics.
I've got a page that's working well in Safari, IE 6 and Firefox, but I still have a couple of problems in IE 5.
<!-- m --><a class="postlink" href="http://www.earthcorps.org/test.html">http://www.earthcorps.org/test.html</a><!-- m --> (ignore missing images)
Problem no.1 is that the div which is supposed to sit over the right-hand column (On The Calendar, etc.) is instead sitting in the middle of the page in IE 5.
Problem no. 2 is that the text that's supposed to be in the middle of the page has disappeared - even when I delete that right-hand div.
I'm sure this has to do with IE 5's pesky box model, or something like that, but I could use some pointers.
- BobI'm pretty new to CSS-P - still learning the basics.
It shows in the fact that you are using position:absolute for just about everything.
Search for "liquid layout" for a better plan.Does ANYBODY use IE5 anymore?
It shows in the fact that you are using position:absolute for just about everything.
Search for "liquid layout" for a better plan.I have absolutely no problems with an ab/pos layout.It shows in the fact that you are using position:absolute for just about everything.
Search for "liquid layout" for a better plan.
I'm not sure if you meant your first sentence with a smile, or were just trying to act superior. If the former (as I hope), it's helpful to include a a cheesy but effective
to let me know. If the latter...well, we can have a whole discussion about that...
This is a redesign of a site I already built with tables. I'm generally not a fan of liquid layouts (and I do know what they are) because allowing the user control over text line length can often impair readability. One rule of typographic thumb is a line of text should be no longer than two "alphabets" - 52 characters - to maintain good readability. If users have browser windows default to full-screen, a liquid center column (which is the only practical column on this site to make liquid) could result in some seriously long text lines.
As a matter of fact I myself am only using position:absolute ONCE in this page. I AM however employing a third-party dhtml menu solution (CoolMenus - the only one I've found so far that works consistently cross-browser - even NN4 iirc) which uses quite a few absolutes, so you're forgiven if you think that's my doing. The menus aren't really a factor in my problem as far as I've been able to tell.
Does ANYBODY use IE5 anymore?
I wish they didn't. Looks like somewhere between 3 and 7%, depending on whose stats you believe. At least this site:
<!-- m --><a class="postlink" href="http://www.upsdell.com/BrowserNews/stat.htm#source1">http://www.upsdell.com/BrowserNews/stat.htm#source1</a><!-- m -->
seems to cover a few bases.
My site's demographic includes a fair number of international users, including those from very poor countries where computers may be older and bandwidth low (making browser updating difficult). So unfortunately if it doesn't work in IE5, it doesn't work. I still need to find a solution. Or, stick to tables. Really at this point it's more of a case study to see if I can get CSS to do what I want. I'm pleased that I've been able to get it to work in IE6 at least, but still a few bugs in IE5 I'm seeking help with.
- Bob
I've got a page that's working well in Safari, IE 6 and Firefox, but I still have a couple of problems in IE 5.
<!-- m --><a class="postlink" href="http://www.earthcorps.org/test.html">http://www.earthcorps.org/test.html</a><!-- m --> (ignore missing images)
Problem no.1 is that the div which is supposed to sit over the right-hand column (On The Calendar, etc.) is instead sitting in the middle of the page in IE 5.
Problem no. 2 is that the text that's supposed to be in the middle of the page has disappeared - even when I delete that right-hand div.
I'm sure this has to do with IE 5's pesky box model, or something like that, but I could use some pointers.
- BobI'm pretty new to CSS-P - still learning the basics.
It shows in the fact that you are using position:absolute for just about everything.
Search for "liquid layout" for a better plan.Does ANYBODY use IE5 anymore?
It shows in the fact that you are using position:absolute for just about everything.
Search for "liquid layout" for a better plan.I have absolutely no problems with an ab/pos layout.It shows in the fact that you are using position:absolute for just about everything.
Search for "liquid layout" for a better plan.
I'm not sure if you meant your first sentence with a smile, or were just trying to act superior. If the former (as I hope), it's helpful to include a a cheesy but effective
to let me know. If the latter...well, we can have a whole discussion about that...This is a redesign of a site I already built with tables. I'm generally not a fan of liquid layouts (and I do know what they are
) because allowing the user control over text line length can often impair readability. One rule of typographic thumb is a line of text should be no longer than two "alphabets" - 52 characters - to maintain good readability. If users have browser windows default to full-screen, a liquid center column (which is the only practical column on this site to make liquid) could result in some seriously long text lines.As a matter of fact I myself am only using position:absolute ONCE in this page. I AM however employing a third-party dhtml menu solution (CoolMenus - the only one I've found so far that works consistently cross-browser - even NN4 iirc) which uses quite a few absolutes, so you're forgiven if you think that's my doing. The menus aren't really a factor in my problem as far as I've been able to tell.
Does ANYBODY use IE5 anymore?
I wish they didn't. Looks like somewhere between 3 and 7%, depending on whose stats you believe. At least this site:
<!-- m --><a class="postlink" href="http://www.upsdell.com/BrowserNews/stat.htm#source1">http://www.upsdell.com/BrowserNews/stat.htm#source1</a><!-- m -->
seems to cover a few bases.
My site's demographic includes a fair number of international users, including those from very poor countries where computers may be older and bandwidth low (making browser updating difficult). So unfortunately if it doesn't work in IE5, it doesn't work. I still need to find a solution. Or, stick to tables. Really at this point it's more of a case study to see if I can get CSS to do what I want. I'm pleased that I've been able to get it to work in IE6 at least, but still a few bugs in IE5 I'm seeking help with.
- Bob