e lohroff wrote: > My first real try at formatting completely in css > instead of tables. > > http://lohroff.com/MOPStest/index1_900.html > http://lohroff.com/MOPStest/calendar.html > http://lohroff.com/MOPStest/andreastest_900.css > > The html validates in the index1_900 page, but the > validator hates Google's calendar code in the calendar > page. > > I have three problems - > > 1. I tried to do Georg's elastic faux columns > http://www.gunlaug.no/tos/moa_12c.html > but it's still not working. I want the green to go > down to the footer, and the flower image to be at the > bottom of that column. (it's broken in Opera 7.11, IE > 6.0 and FF 1.0.7 so clearly I'm not doing something > right.) > Nice page. The green is reaching/touching the footer in ff/2.0, opera9.02, and ie/7.0. I think you need to delete the font size from the body declaration with that layout for ie/6.0. And add text-align: center; to the body declaration; and text-align: left; to #wrap in order to center the page in ie/5. body { /*font: 100% Verdana,Tahoma,Arial,sans-serif;*/ <<<delete font-family: Verdana,Tahoma,Arial,sans-serif; <<<add text-align: center; <<<add } #wrap { text-align: left; <<add }
> 2. The side-to-side alignment is goofed up in IE. My > "wrap" div should be in the center of the page. > I'm sure it's a margin/padding thing. > See above > 3. On the calendar page, in IE 6.0, the iframe (Google > calendar) lines up below the image in the navbar on > the left. > Dunno. > 4. Lastly, an aesthetic question - I lined up the top > of the menu so it's in the same position on all the > pages, but does it seem weird to have all that gap on > the calendar page? > Dunno. > > lohroffe > Best, ~dL -- http://chelseacreekstudio.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
