Cross-Browser Divs vs Tables 100% Height - My Challenge to Web Developers

The Challenge


I challenge web developers to come up with a cross-browser solution that uses DIVs to reproduce my layout that uses a Table that uses 100% height with a middle area that stretches.

The Catch



  1. Cross-Browser: It must work and look the same in IE6, IE9 normal mode, Chrome 11, and Firefox 4.

  2. Code Amount: The Div solution should be less complex or at least no more complex than my Table solution.  (There is a link to my code at the end of this post.)

  3. Feel free to use javascript and CSS, but just remember requirement 2 above.

  4. Extra brownie points if you use an XHTML Transitional doctype.

  5. Even more brownie points if you use an XHTML Strict or HTML 5 doctype.


User Interface Requirements



  1. Top Pane: Must always be visible and never scroll out of view.

  2. Middle Pane: When resizing the browser, the middle pane height' must stretch to fill the rest of what the top and bottom don't take up.

  3. Bottom Pane: Must always be visible and never scroll out of view.


What It Should Look Like




  1. My code that uses a table works on IE6, IE9 normal mode, Chrome 11, and Firefox 4.


My Code



  1. You can look at my code here: index.html


Remember to test on IE6.


Feel free to post comments here, and even include links back to your proposed solution.

Good luck!

Comments

In search of seeking for a short time for any good quality view involving this one point . Researching in Search engines I eventually have discovered this page. Reading this So i'm thrilled to say that I have a really good sense I discovered just what I was looking for. For certain i will make sure to don't forget this web-site and check it out constantly.
fat loss 4 idiots review
I have been gone for some time, but now I remember why I used to love this web site. Thank you, I will try and check back more frequently. How frequently do you update your web site? fat loss 4 idiots book
ComprarVimax said…
Saudações. Na verdade, eu fiz algumas navegar na web e dar início a este blog. Vimax Eu firme especial deste blog apresentam-se e é bastante incredible. Vimax I indubitavelmente genuinamente prazer o seu website.Perfectly, o pedaço de postagem é no juramento do melhor, Vimax Brasil pelo menos nesta genuinamente pena apesar assunto. VigRX Plus, Penis Enlargement. Vimax.
Chase Reckling said…
Gorsh, those little guys sure do look tasty and succulent. Most tender of the tender meats! But seriously, I could never do what they ask, I'd think that after two years with a dog, I'd move to Canada rather than give them up. wow gold
kiscqhzyv said…
bKj7no rtmydpdriuec, [url=http://czrbqkipxvuo.com/]czrbqkipxvuo[/url], [link=http://evtanghhxydb.com/]evtanghhxydb[/link], http://dwpuwrvxnxyr.com/
great to meet you anthonytietjen.freehostia.com admin found your website via yahoo but it was hard to find and I see you could have more visitors because there are not so many comments yet. I have found website which offer to dramatically increase traffic to your blog http://xrumerservice.org they claim they managed to get close to 1000 visitors/day using their services you could also get lot more targeted traffic from search engines as you have now. I used their services and got significantly more visitors to my blog. Hope this helps :) They offer most cost effective backlinks service Take care. Jason
sem calcinha said…
Adoro me mostrar peladinha na web cam
Deise said…
very good stuff.http://www.letraemusica.net
Aniele said…
i love your posts, but i like this one more than the others, so i read it all over again.http://www.vinhobrasil.org
Elifaza said…
really an amazing article to read.http://www.novelafinaestampa.net
Albina said…
it is a wonderful article, i like it, thank you very much!http://www.musicaeletra.net
Ariane said…
i learned a lot here. thank you so much for your personal help.http://www.gustavolima.org
Here you go:. http://www.nutritiondata.com/facts/sweets/5592/2. . All you have to do is change the serving size to 1 tsp, and multiply every number by 6 to get them in terms of 2 tbsp (since 2 tbsp = 6 tsps). Hope this helped!
Elsa said…
great post. keep it up.http://www.jogosdogta.net
Aureliana said…
great post.http://www.vinhobrasil.org
Catalina said…
i was searching for this, then i found your blog. glad i did that.http://www.jogosdahotwheels.com
Delani said…
oh la la! thanks for the post!http://www.emprestimopessoalibi.com
Carina said…
thanks for the great post!http://www.emprestimopessoalibi.com
You guys are unsuitable, and need to not be so very difficult around the author. This internet site seems to be dedicated to stating their very own view, which most of us have. I detest when men and women try to speak unhealthy about somebody for the reason that their belief differs from others. Evaluate yourself ahead of you try to talk about another person.
Alvina said…
a good start!http://www.jogosdogta.net
Biolange said…
great.http://www.musicaparabaixar.net
Ceres said…
it was nice to read your blog. the thoughts are very well laid out and it was refreshing to read. i was able to find the information that i was looking for. thanks.http://www.icarlyjogos.net
offers today said…
My spouse and I stumbled over here by a different page and thought I might as well check things out. I like what I see so now i am following you. Look forward to looking over your web page again.
Joona said…
i always share your sites post with my friends. keep posting and i will follow you...http://www.shoppingpantanal.net
Ali Sutera said…
Thank you for this amazing post! It has long been really helpful. I wish which you will carry on posting your understanding with us.
Eliane said…
i think i will become a great follower. just want to say your article is striking. the clarity in your post is simply striking and i can take for granted you are an expert on this subject.http://www.revendaautorizada.com
moreinfo said…
party poker bonus codes cheat Party poker bonus code free party poker bonus codes

Popular posts from this blog

Adobe® Flex® Combobox: Selecting an Item Without Using SelectedIndex

Parameters Sent by TinyWebDB in App Inventor for Android