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 PROTECTED]
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 PROTECTED]> 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 PROTECTED]
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/
