4 replies [Last post]
collin555
Offline
newbie
Dallas
Last seen: 16 years 15 weeks ago
Dallas
Joined: 2005-08-11
Posts: 8
Points: 0

I'm having a strange problem with a site that I'm working on. I've utilized a 3 column layout in CSS (no tables) so that I can have three columns that have 100% height minus the height of the banner.

I have an element, "boxhold2" (class), that acts as a footer. I placed it at the end of my second column "two", so that it will be at the end of this main column's content regardless of the amount of content. In Firefox, it looks perfect with "boxhold2" overlapping columns "one" and "two". In IE, Column "one" is above "boxhold2" regardless of either's z-index.

My page can be found at http://www.xenosinteractive.com/help/company.htm,
my main CSS page is at http://www.xenosinteractive.com/help/design/main.css,
and my IE exceptions is at http://www.xenosinteractive.com/help/design/ie.css,

I know this is a pretty complex problem, but I would really appreciate any advice.[/url]

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 9 weeks 1 day ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9674
Points: 810

3 column css layout's IE z-index problem

Sigh Sad

If you read the stickies, you would notice that having the XML prolog throws IE into Quirks Mode.

Remove it before attempting to fix the problem.

Verschwindende wrote:
  • CSS doesn't make pies

collin555
Offline
newbie
Dallas
Last seen: 16 years 15 weeks ago
Dallas
Joined: 2005-08-11
Posts: 8
Points: 0

3 column css layout's IE z-index problem

Thanks for the info, I had no idea that the xml prologue caused problems. I'm a little confused about the stickies, I only see one about absolute positioning pitfalls, but it didn't mention this. Am I looking in the wrong place?

When I remove the xml prolog, it breaks my layout in IE (Firefox works fine of course). For some reason, the center column "two" is displayed far down at the bottom and extends all the way from the left of the screen. It's width is set to auto, but even when I define the width, it has the same problem. I created a stripped down version of the site with column two's background green at here.

Again, thanks for any help.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 38 weeks 4 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

3 column css layout's IE z-index problem

You do know that IE does not support {display: table | table-cell;}, don't you?

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 9 weeks 1 day ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9674
Points: 810

3 column css layout's IE z-index problem

Sorry, I meant the stickies labelled by "announcement" . . . e really need to get that fixed Tongue

Verschwindende wrote:
  • CSS doesn't make pies