2 columns inside a container with footer

[charlie]

I started out with table based page and moved to a managed absolute
position and now I've been trying to do the project again. Here is a
link to the absolute position page.

http://63.134.232.79/untitled-1.htm

I spent some time trying different layouts. The link below seems to be
the best approach.

http://63.134.232.79/untitled-13.html

It renders correctly in Safari, ok in firefox except that it cuts off
the very bottom of the image of the girl with a camera, Internet
Exporer does not render the css table. I got the idea after reading
this page

http://www.456bereastreet.com/archiv...h_css_part_ii/

So,
I

don't care about IE 5 but I do care about IE 6. Is there a fix? If
not, is there another approach for the "content container with a left
and right container"? And footer?

Almost forgot, I need the header to be over the menu so I can add the
javascript for the buttons. I did add z index but it has had no effect.

thanks,
charlie

[Jim Moe]

charlie wrote:

http://63.134.232.79/untitled-13.html

It renders correctly in Safari, ok in firefox except that it cuts off
the very bottom of the image of the girl with a camera, [...]
#container is set to 600px. The image is positioned to top:200px leaving
400px of height for a 419px high image.
You will probably have to change your images to GIF to get the
transparency. IE does not do well with PNGs besides the very basics,
especially transparency.
For items like titles and header text it is best to use HTML elements
like <h1>, <h2>, etc., rather than recreate them with a div.
Menus are basically lists. Use <ul> for those. See
<http://css.maxdesign.c om.au/listamatic/>.
A font-size of 12px is 70% of the size I find comfortable to read. Why
would you do that to me? In IE a font-size in px cannot be resized.
So, I don't care about IE 5 but I do care about IE 6. Is there a fix? If
not, is there another approach for the "content container with a left
and right container"? And footer?
A useful troubleshooting technique is to put a border on all the
elements to see what the browser is doing with them.
IE barely recognizes anything besides display:block and display:inline.
All other display options get very iffy. Notice that your reference page
(www.456bereastreet.com) does not work in IE, either.
Almost forgot, I need the header to be over the menu so I can add the
javascript for the buttons. I did add z index but it has had no effect.

What header?

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)