Chris Hanks wrote: > Hmm, alright. Can you or anyone else on the list suggest a better way > of making this work? I'm not sure where to begin...
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 ______________________________________________________________________ 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/
