bryan wrote:
> On 08/05/2010 16:12, William Gates wrote:
>> Hi Bryan,
>> You need to remove:
>>
>> </div>
>> <!-- End Naviagtion -->
>>
>> The navigation is in a ul which is already closed
>>
>> It's always a good idea to validate the markup via something like:
>> http://validator.w3.org/
>>
>> Regards
>> William
>> ______________________________________________________________________
>>
> Hi
>
> Thanks for the replies - I've made alterations but still seem to be a
> few pixels out in the main content and footer. It's getting there though!
>
> Cheers
>
> Bryan
This is since the header and navigation have horizontal margins.
Change this,
#header {
width: 900px;
color: #FFF;
#padding: 10px;
#border: 1px solid #ccc;
height: 100px;
margin: 10px 5px 5px 5px;
#background: #DAC8BF;
}
#navigation {
width: 900px;
color: #006968;
padding: 10px 0px 10px 0px;
#border: 1px solid #ccc;
margin: 0px 5px 5px 5px;
background: #FFF;
}
to this.
#header {
width: 900px;
color: #FFF;
padding: 10px; /* if you keep this then reduce the width to 880px */
border: 1px solid #ccc;
height: 100px;
margin: 5px 0px; /* vertical padding then horizontal padding */
background: #DAC8BF;
}
#navigation {
width: 900px;
color: #006968;
padding: 10px 0px 10px 0px;
border: 1px solid #ccc;
margin: 5px 0px; /* vertical padding then horizontal padding */
background: #FFF;
}
BTW, you still have '#' in your CSS that should not be there.
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [[email protected]]
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/
