HTML and CSS

Small CSS problem

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Feb 2008

Posts: 630

Reputation: daviddoria is a jewel in the rough

Solved Threads: 46

daviddoria daviddoria is offline

Offline

Practically a Master Poster

Small CSS problem

Oct 3rd, 2008

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

•

Join Date: Sep 2008

Posts: 6

Reputation: fsav is an unknown quantity at this point

Solved Threads: 0

fsav

Offline

Newbie Poster

Re: Small CSS problem

Oct 3rd, 2008

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

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<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>
<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:

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<body>
// page
<div id="footer">
// footer
</div>
</body>
<body>
// page
<div id="footer">
// footer
</div>
</body>

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

•

Join Date: Feb 2008

Posts: 630

Reputation: daviddoria is a jewel in the rough

Solved Threads: 46

daviddoria daviddoria is offline

Offline

Practically a Master Poster

Re: Small CSS problem

Oct 3rd, 2008

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