bryan wrote:
> Hi All
>
> I could do with someone to look over my css - first foray into this!
>
> I grabbed a template and all was well until I added a nav bar, now the
> main content and footer don't centre align anymore. I've obviously
> missed something that someone else might be able to see. I've stared at
> the screen for ages so would appreciate a bit of insigt from someone
> more knowledgeable than me.
>
> Thanks
>
> Bryan
>
> http://www.redfedora.co.uk/memoriesontocanvas8/index.html
>
Welcome to the world of CSS.
You have a few items (ids '#") in your CSS that is causing parsing errors.
#navigation a:link,
#navivation a:visited {
#color:#003858;
#background:#FFF;
#padding:10px;
#text-decoration: none;
#}
#content {
width: 900px;
color: #333;
#border: 1px solid #ccc;
background: #FFF;
margin: 0px 0px 10px 0px;
padding: 10px;
height: 350px;
}
Change to.
#navigation a:link,
#navivation a:visited {
color:#003858;
background:#FFF;
padding:10px;
text-decoration: none;
}
#content {
width: 900px;
color: #333;
border: 1px solid #ccc;
background: #FFF;
margin: 0px 0px 10px 0px;
padding: 10px;
height: 350px;
}
In your HTML you have.
</div>
<!-- End Naviagtion -->
Remove this closing tag for a div which is not open. Currently this is
closing the div#wrapper which contains now just div#header and
ul#navigation. Make use of the validators.
<http://validator.w3.org/>
"Line 48, Column 9: end tag for element "div" which is not open"
<http://jigsaw.w3.org/css-validator/>
--
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/
