hi and thanks for answer, things can always be simpler than they are now :) the thing is, i thought that a 2 (on other pages, 3) column design with a footer would be the simplest solution. the background image's size depends on the page's viewing resolution, so it would be proportionally the same on all monitors.
on the image & menu: i wanted to go with one div for the menu, as the same identifier can be used on both main page (2column) and subpages (3column). in subpages, the main (left) column from the main page is simply cut into two, offering left column space for text, the right one for images. by now, i still haven't found out the solution to the footer problem, so i leave the webpage as is on the host for later visitors to come/see and maybe help :) 2009/10/4 <[email protected]> > 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/
