CSS Fluid Layout with PHP Inclusion? 1

[picklesnort]

I've been trying to create a pure CSS fluid layout with this tutorial:

http://www.tjkdesign.com/articles/liquid/7.asp

However, I wanted to make the layout with PHP inclusion, therefore, if I updated something (ex. the menu), I would only have to edit one page.

The layout works fine in Mozilla Firefox:

http://www.kaidan.org/testing2/index.php

However, in Internet Explorer it does not. Here are some of the main problems:

1. layout spans the entire width of the page
2. the dark background image is nowhere to be seen
3. the layout is not centered as it's supposed to be

I have tried some things that would make the layout sort-of work, including putting a large div around the other divs, or using fixed widths instead of fluid. However, I am trying to make the layout as simple as possible, so I'm trying to avoid using such tactics.

Perhaps it has something to do with my coding? If someone could take a look and lend me a hand, it would be very much appreciated. Here are the links to pages you would probably want to take a look at:

The CSS:

http://www.kaidan.org/testing2/style2.css

The Index Page:

http://www.kaidan.org/testing2/index.php

 

[Vragabond]

Step #1. Include a doctype on your page. This will make (or sometimes break) much of your design. Come back with any questions you might still have after that. Pick from one of these doctypes:

http://www.w3.org/QA/2002/04/valid-dtd-list.html

 

[picklesnort]

Vragabond;; Oh wow, thank-you! The layout now works in Internet Explorer...but no longer works in Mozilla Firefox. ; Could it be because of the PHP inclusion?

 

[picklesnort]

Oops, nevermind! I've got it working. Thank-you very much Vragabond!