> I am having a problem at:
>
> <http://lamaison.org.uk/pages/pager.php>
>
> <http://lamaison.org.uk/styles/pages.css>
>
> The footer extends out over the column. Could anybody explain why,
> please and maybe offer a solution for stopping it.
>
The footer (#footer) is contained inside #anchor. Both #footer and
#anchor have the same width (774px).
Since the footer has a 4px border, it should be 8px less in width than
#anchor. (Border is not included in the width of an element).
You can either set the width of the footer to 766px, or omit it
altogether so that the width is automatically set to the correct size.
Setting the height of the footer as 30px forces the content to
overflow. You can remove the specified height so that the element
stretches to contain the content inside.
E.g.:
#footer {
background: #30416f;
/* Get rid of width and height */
/*width: 774px;
height: 30px;*/
text-align: center;
color: #ffffff;
border: 4px #000 double;
}
HTH,
Prabhath
http://nidahas.com
______________________________________________________________________
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/
