This week's giveaway is in the Android forum.
We're giving away four copies of Android Security Essentials Live Lessons and have Godfrey Nolan on-line!
See this thread for details.
The moose likes HTML, CSS and JavaScript and the fly likes Another CSS/IE conundrum Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


Win a copy of Android Security Essentials Live Lessons this week in the Android forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "Another CSS/IE conundrum" Watch "Another CSS/IE conundrum" New topic
Author

Another CSS/IE conundrum

Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 60785
    
  65

What I want to do seems like it should be so simple, but if I had hair, I'd be pulling it out.
I want my page divided into four sections, each of which span the entire width of the page. Sections 1 and 2 are fixed height. Sections 3 and 4 shared the remainder of the page 50/50.
The following example (online here) works perfectly in Gecko-based browsers, but not in IE.

Apparently, IE doesn't "do" the bottom CSS attribute. Playing with the DOCTYPE to switch the browser into and out of standards-compliant mode doesn't seem to have any effect.
So without resorting to tables (which introduce nastiness of their own when I start populating the sections with their intended content), is there a way to accomplish this using CSS? I've run outa ideas!
bear


[Asking smart questions] [Bear's FrontMan] [About Bear] [Books by Bear]
Ray Stojonic
Ranch Hand

Joined: Aug 08, 2003
Posts: 326

seems to do the trick in IE6 and FB (90.4% fills FB exactly, but still not quite in IE)
Eric Pascarello
author
Rancher

Joined: Nov 08, 2001
Posts: 15376
    
    6
Bear,
I will play around with this when I get time. I am hung up at work trying to not be here all night every night next week for a deadline.
Eric
 
wood burning stoves
 
subject: Another CSS/IE conundrum
 
Similar Threads
HTML display not as expected
ragarding div tag and cascading style sheet
DIV layout issues
Controlling DIV and/or TR height
Converting table to divs