> > For cross-browser appearance in all somewhat standard-aware browsers - > including IE6/7 in Strict mode, the following approach will work. > > - Add left and right padding on #elastic-container, and modify its > min/max-width to include these side-paddings. > > - Pull those .left and .right boxes into #elastic-container's > side-paddings, so they appear where they are now. > > - Remove side-margins and max-width from .tutorial p, so those > paragraphs are held in place by the side-paddings on #elastic-container > and the inner side-margins on those .left and .right boxes. > > > > > In addition: you should mark up in accordance with the chosen doctype, > or else you'll have a hard time making sense of what the markup > validator tells you... > <http://validator.w3.org/check?uri=http://www.selfsoothingsoftware.com/> > Some of those errors are more serious, while others are caused by > doctype vs. markup confusion. > In short: your document is "invalid tag soup" ATM, and should be fixed > at markup level before you start correcting it at CSS/appearance level. > > regards > Georg > -- > http://www.gunlaug.no >
Hello - Alright, I took care of the markup problems, so everything validates. It's been put up in its updated form: http://www.selfsoothingsoftware.com I also set up the CSS like you suggested - the thing I don't like about the padding is that when the browser window is small, the text column shrinks to be so narrow that it's awkward to read, with a lot of whitespace to either side. I was trying to keep the main text column at a consistent width, and deal with an expanding/shrinking window size by moving the supplemental boxes in and out of the main column. Is there a way to do that? I'm also not sure how you meant I should move the right and left boxes into the padding on either side. I tried setting their positions to "relative" and then displacing them with "left:" and "right:", but that just leaves big holes where they used to be. Thanks again! Chris ______________________________________________________________________ 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/
