Previous Message
Next Message

Unwanted whitespace - please advise...

Sent by Ian Piper on 10 September 2005 13:01


Excellent, thanks. That has indeed removed the largest white space.  
Thanks also for the tip.

Can anyone suggest a good strategy for ensuring that background  
colours fill colums (I did say I'd come back to that later :-) )? You  
will see in the sample online:

http://www.tellura.co.uk/gtpr/

that I can fill up the third column using margin-top and margin- 
bottom, but I sense that there is probably a more elegant solution.

Also, I cannot figure out why the tiled section background is not  
displayed. I wanted to break down the section heading by having a  
left image, a right image and a tiled shim image in the middle that  
will eventually be used to fill in the gap when the page is resized.  
Here is the html I used: following that is the css.

html:
                 <div id="section">
                     <div id="section-left">
                         <img src="images/section_left.gif" />
                     </div>
                     <div id="section-right">
                         <img src="images/section_right.gif" />
                     </div>
                 </div>

css:

#section {
     width: 490px;
     vertical-align: top;
     background-image: url(../images/section_shim.gif);
     background-repeat: repeat-x;
}

#section-left {
     width: 200px;
     float: left;
}

#section-right {
     width: 50px;
     float: right;
}



Ian.
--
Dr Ian M Piper
[EMAIL-REMOVED]
skype: ianmpiper
--
Where is the wisdom we have lost in knowledge?
Where is the knowledge we have lost in information?


On 10 Sep 2005, at 13:57, Jim Davis wrote:

> Ian,
>
> The white space above the footer seems to be caused by the #clear  
> {...} rule. Try removing #clear from the css and adding clear:  
> both; to #footer. As a side note, it is probably a good idea to  
> avoid using property names, such as clear, as an id or class name.
>
> Jim
>
> On 9/10/05, Ian Piper [EMAIL-REMOVED]> wrote:
> ...It seems to work fairly well apart from some unwanted white
> space. If you have a look at this you should see the problem:
>
> http://www.tellura.co.uk/gtpr/
>
> In Safari it looks OK apart from about 10 pixels of white above the
> footer. In IE this white space is also visible, but there is also
> about 2 pixels of white space above and below the banner (the top
> half of the sunflower picture).
>
>
>

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: