21 complex

Scripts for layout? I identify with the need to solve these problems, but scripts! Too hard to maintain.

posted at 05:14 pm on February 6, 2004 by Jim

22 I did it without javascript

This is a nice article. I believe that the height attribute was deprecated way before XHTML and in my world the table height=“100%” is being used by my university to deliver this: http://www.brookes.ac.uk — It was the brand you see. It had to be delivered like that. I hated that it was done like that, and my web responsibilty is for my school / faculty, so I did this: http://ah.brookes.ac.uk

My solution is too complicated for this discussion and the CSS hacking for different browser support deserves its own article. One useful additional trick is to use the ‘Conditional Comments’ supported by IE to deliver specific ‘divs’ to particular versions of that browser.

posted at 12:48 am on February 7, 2004 by Chris Jennings

23 Mozilla problems

I noticed an interesting quirk in examples 4 and 5 with Mozilla 1.4.1 on Fedora Core 1. After resizing the browser window to full size, everything looks fine. However, when I resize it to normal size again, there is a horizontal scrollbar sized gap between the bottom of the footer and the bottom of the viewable area in the browser.

posted at 08:14 am on February 7, 2004 by Jeremiah McElroy

24 Why the box model hack?

I fail to see the need for the box model hack in your previous example. Since every browser that understands min-height understands the parent>child rule, just min-height there, like so:

html, body { height: 100%;
} #container { height: 100%;
}
html>body #container { height: auto; min-height: 100%;
}

It’s much easier to comprehend without the hack in there.

posted at 10:31 am on February 7, 2004 by Vinnie Garcia

25 Firebird in Windows

When viewing any of the examples in Firebird for windows the footer doesnt not cover the entire width of the page…is this intentional? I noticed the element at the top does cover the entire width of the page.

posted at 11:35 am on February 7, 2004 by Dave

26 Correct the 7th example

Just put a :

padding-left:1px;

at the Content because if the width a too small the content disappear (same for “The Daily Report”) in Mozilla.

posted at 11:38 am on February 7, 2004 by greut

27 Header - No column longest - footer at bottom of w

http://www.pmob.co.uk/temp/3colfixedtest_4.htm

No javascript and cross-browser compliant.

posted at 03:58 pm on February 7, 2004 by Terry

28 simpler way to get window height.

Is there any browser this might fail in?

var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

posted at 04:09 pm on February 7, 2004 by Phillip

29 browsers are not equal

Please don’t lump good browsers in with Explorer. That bowser (oops) is far and away the reason that people resist css positioning. Opera and Gecko are superb css browsers and a joy to write for, but the fat man at the table has to ruin it for everybody. Yesterday I discovered an IE bug that causes left padding in one box to create negative left padding in another box, sucking the text to oblivion!

This is not the behavior to inspire confidence, and there is no sign that IE will be redesigned so let’s resign ourselves to many more years of headaches. Thanks, Bill…

posted at 04:49 pm on February 7, 2004 by Big John

30 re: http://www.pmob.co.uk/temp/3colfixedtest_4.htm

http://www.pmob.co.uk/temp/3colfixedtest_4.htm

The example fails in Safari 1.0: the footer is not positioned at the bottom of the browser screen, but at the end of the content. The point of this article is to position the footer at the bottom in case the content is not long enough to push it to the bottom of the screen.

IE specific CSS: a future article about this phenomenon would be appreciated. I don’t understand how it works and what the possible drawbacks on other browsers are, since I’m a Mac person and never work with IE6 (except for testing on an old win98 machine). A pointer to a good article would also be fine.

posted at 02:59 am on February 8, 2004 by Martijn ten Napel