David Laakso wrote: > Stuart Walsh wrote: >> David Laakso wrote: >>> Stuart Walsh wrote: >>>> >>>> >>>>> I must be making a clumsy, beginner's, mistake somewhere but I >>>>> just >>>>> can't figure out what is the problem. >>>>> >>>>> The CSS validates but isn't working as it should. Here is the >>>>> page: >>>>> >>>>> >>>>> http://www.tuningsinthirds.com/cytre/ >>>>> >>>>> and the CSS: >>>>> >>>>> http://www.tuningsinthirds.com/cytre/new.css >>>>> >>>>> I can't get the wrapper div to wrap around everything >>> >>> >>> >>> >>> >>> IE gets it wrong. This is true 99.999 percent of the time. >>> >>> Bear with with me. We're going to enclose the page with a fuchsia >>> colored border by correcting the markup and opening the footer: >>> >>> 1/ You have closed one more division than you have opened. Delete >>> the </div> immediately below </ul>. >>> >>> 2/ >>> #wrapper >>> { >>> width : 800px; >>> margin : 0 auto; >>> text-align : left; >>> /*border-left : 1px solid gray; delete*/ >>> border: 1px solid fuchsia; <------add >>> } >>> #footer . >>> { >>> clear : both; >>> border-bottom:1px solid none; <---- add >>> overflow: hidden; <--- add to open the footer so it will be enclosed >>> within the page border >>> } >>> >>> >>> >>> >>> >> Thanks very much for your help. The page now works - with a border >> all around the wrapper just at stage 1, closing the </div> below the >> </ul>. (I'm curious about the second and third rules in #footer. The >> footer gets enclosed just by removing the </div>.) Thanks again. >> > > > The footer is enclosed by just removing the </div> in non-compliant > browsers-- IE/6.0 and IE/7.0. The footer is not enclosed in compliant > browsers-- Firefox, Camino, Safari, and Opera. Adding the rule above > overflow:hidden; will open the collapsed division (the footer) and > enclose it within the wrapper. You'll never get anywhere fast with CSS > if you continue to believe IE gets it right. Code to compliant > browsers, and check back to IE. Not vice-versa. >
> But David, the footer is enclosed in Firefox - and Opera - by just > removing the redundant div. That's why I was puzzled about the two > extra rules you suggested. I tried both with and without the two extra > rules and there doesn't seem to be a difference in Firefox. I use the > Chris Pederick thing to Edit CSS (in a beginner sort of way) in Firefox. > > http://www.tuningsinthirds.com/cytre/ > > Or am I missing something (again!) > > Stuart > > > > > > > > > ______________________________________________________________________ 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/
