Sent by Stuart Walsh on 8 April 2008 22:10
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-REMOVED]]
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/
