I'm fairly new to CSS, so I'm sure there are other people who can give better advice. So far, there are no responses so I will give it a shot.
I felt like the CSS could be simpler and still achieve the same design. Since I'm not sure how to solve the problem you asked about, I thought about other ways I would approach the building of the page. First off, in the markup, I would put things in the order they appear on the page, which would eliminate a need for any relative or absolute positioning: It seems like the H1 and H2 text at the top would more naturally be put in a header instead of further down. The photo and the menu could go together in a div below that, floating the photo to the left, and the menu to the right. The background image can be centered in the background of the wrapper div. It's not an exact match, but here is what I came up with: http://www.mcmullincreative.com/u3/ I reduced the images sizes to "actual size", which made the file sizes smaller. I had to use this doctype to allow IE6 to center the wrapper div: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> Hope this helps. Russ I > when you check the page in FF, and then in IE6, you will see the problem :) > in words, basically i created a 2column design, which do not take up the > full width of the page and are both floated left. when i want to create a > footer, simply adding 'clear:left;' works for firefox, and in fact IE6 > too. > but the problem is, that the background image (sitting in its own div) and > the menu (also another div) disappear in IE6 :) ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
