|
Posted by Doug Laidlaw on November 10, 2007, 10:44 pm
Please log in for more thread options Doug Laidlaw wrote:
> Bergamot wrote:
>
>> Doug Laidlaw wrote:
>>> http://www.douglaidlaw.net/boykett/
>>>
>>> My query is about the footer. On the start page, index.html, it has
>>> content. On other pages, if I took it out, the background color in the
>>> Main div would not come down far enough
>>
>> This is VFAQ. Read up on the "clear" property. And see
>> http://www.quirksmode.org/css/clearing.html
>>
>> BTW, your layout is not as fluid as you think. Try setting your browser
>> window to about 800px wide. The trouble is
>>
>> #content {
>> width: 80%;
>> padding: 10px;
>> }
>>
>> #sidebar {
>> width: 15%;
>> padding: 10px;
>> }
>>
>> Padding is added to the width. That extra 40px puts it over 100% when
>> the window isn't as large as you expect. I'd drop the padding
>> altogether. I'd drop floating #content, too, and just set a left margin
>> to clear the navigation menu. That would take care of stretching the
>> background color, as well.
>>
>> But why don't you set background color on the body element instead?
>>
> Slavishly following a precedent or precedents. That is the problem with
> being a self-taught amateur. I am so used to <body bgcolor= >.
>
> Actually, moving the background-color to the <body> tag in the stylesheet
> made the whole screen take the color. That is what I really wanted, but I
> expected that it would be restricted to the defined area, and leave the
> external margins white (or browser default) as the container does, for
> example. Probably a result of not thinking logically one step at a time.
>
> Thanks for your other tips as well. I will adopt them all. Looking at
> it,
> 40px does seem a lot. The left margin really needs to be fixed, not
> percentage. Is the way I have created the third column on index.html
> O.K.? I would like eventually to make the pages into an e-book, but that
> is long term, and different considerations will arise.
>
> Doug.
But if I delete all padding, and with no footer, the content wraps around
the links column.
Doug.
| 
XML Sitemap