Hi,
I've been trying to figure this out now for a couple of hours. If you look at this page : <!-- m --><a class="postlink" href="http://www.danielklann.com/ftse/index.htm">http://www.danielklann.com/ftse/index.htm</a><!-- m --> you can see that the text is very close to the header and it doesn't look that good. I'm still quite new to CSS but have attempted to seperate the page into logical sections using DIVs:-
Header
Navigation
Content
ContentLinks
Footer
I am now trying to put padding around my Content using something like this:-
#content {padding: 10px 10px 10px 10px;}
This is adding padding at the top of content, not to the left. Can anyone see the error of my ways?
Thanks,
DanSorry, I meant to add the CSS and HTML file. Here they are
Do the left side of the content with margin. Try it like so then adjust as needed.
#content {text-align:justify;margin-left:190px;margin-right:10px;}
The reason you have to do this is when you float the #navigation it takes it out of the flow. The left margin of the #content is referenced against the left edge of the page, not the right edge of the #navigation.Thanks Ray, you've made my day! I knew it would be something simple. I guess I need to do more reading....
Thanks again,
Dan
I've been trying to figure this out now for a couple of hours. If you look at this page : <!-- m --><a class="postlink" href="http://www.danielklann.com/ftse/index.htm">http://www.danielklann.com/ftse/index.htm</a><!-- m --> you can see that the text is very close to the header and it doesn't look that good. I'm still quite new to CSS but have attempted to seperate the page into logical sections using DIVs:-
Header
Navigation
Content
ContentLinks
Footer
I am now trying to put padding around my Content using something like this:-
#content {padding: 10px 10px 10px 10px;}
This is adding padding at the top of content, not to the left. Can anyone see the error of my ways?
Thanks,
DanSorry, I meant to add the CSS and HTML file. Here they are
Do the left side of the content with margin. Try it like so then adjust as needed.#content {text-align:justify;margin-left:190px;margin-right:10px;}
The reason you have to do this is when you float the #navigation it takes it out of the flow. The left margin of the #content is referenced against the left edge of the page, not the right edge of the #navigation.Thanks Ray, you've made my day! I knew it would be something simple. I guess I need to do more reading....
Thanks again,
Dan