I have done some html many years ago, but never css. I downloaded a template
http://www.freecsstemplates.org/preview/exposure

But something has gone slightly wrong. When I use it on my website
http://doriad.myrpi.org/

you can see that the bottom "grey" bar is above the blue line, where in the example the grey is kind of the whole background. Can anyone briefly explain why that may be?

Thanks!

Dave

Recommended Answers

All 3 Replies

Well it seems to have nothing to do with CSS: your footer is included in other <div>, like so:

<html>
...
<body>
<div id="page">
<div id="sidebar">
</div>
<div id="content">
<div class="post">
<div class="title">
</div>
<br style="clear: both;"/>
<br/>
<div id="footer">
// That's your footer here
</div>
</div>
</div>
</div>
</body></html>

Whereas in the template, it's outside of any other divs:

<body>
// page
<div id="footer">
// footer
</div>
</body>

At least that's what I see. Hope that helps.

ah so silly... its pretty hard to keep track of those tags because html (for some reason) doesn't seem to complain if there are extra, or too few! seems like that should generate a "compiler error".

Guess I just have to get used to it!

Thanks
Dave

That's what indenting is for.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.