Bill Walton wrote: >>> I could use some help figuring out why the right column won't >>> come up against the main one but rides underneath instead. >> >>> http://www.emrec-beta1.com >> >> That's how floats work - right_col can't float upwards past the >> non-floating main. > > > But main can 'float' to the top between left_col and right_col? What > would you recommend I study in order to understand this? It is, to > me, very counter-intuitive. I need something in "plain english".
Main isn't floating, so it can "flow in/up" to occupy any space left alongside floats that are placed *before it* in the source-code. Floats OTOH can not go any higher than the non-floating element/content that's preceding it. > I know this must be related to my earlier question re: understanding > what 'normal page flow' means. I haven't made it through everything > Zoe recommended, though. So maybe the answer already awaits! I sure hope so. If not, then it should :-) Noticed that Zoe says it does, so just read on ;-) The basics of 'normal page flow' is the order the elements and their content get when there's *no* CSS (and no tables). Once you start positioning or floating elements, you are taking them out of the 'normal flow', thus affect the way they interact with, or completely ignore, other elements. For quick-checks of '_all_ normal page flow': turn off CSS in your browser, or open your site so your pages can be viewed in Lynxview... <http://www.delorie.com/web/lynxview.html> FYI: I always organize my source-code (HTML) so the content makes good sense on this level - in Lynx - before even thinking about designing anything with CSS. I also check at the end of the design-process that I haven't messed anything up at this non-CSS level. > Is there an easy way to keep the HTML as is and change the CSS to > achieve the same result? I mean, changing the order of the HTML > wasn't intuitive, but it <em> was </em> easy. Well, I don't think your HTML will survive completely untouched, but there are quite a few options that'll let you keep the containers/columns in almost any order. I base most of my layouts on methods similar to 'negative margins'... <http://www.alistapart.com/articles/negativemargins/> ...which is a good start for learning about 'all-float' layouts. Something for a later study, maybe. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
