Thread Starter
koads
(@koads)
Where is #footer defined ?
Well I could nt find the footer in the CSS at all. I might have overlooked it.
Plus – I see you have commented out the menu for the time being but in my limited experience of CSS layout if you position the footer in isolation from the menu a whole mess of problems are going to come your way later on.
Thread Starter
koads
(@koads)
I had one, which didn’t make any difference. I removed the #footer definition…
Thread Starter
koads
(@koads)
if you position the footer in isolation from the menu a whole mess of problems are going to come your way later on.
Why ?
Thread Starter
koads
(@koads)
Well how is the footer going to be set to clear your menu?
I don’t understand. My menu is going to be at the top, just below the header. Far from the footer…
Well you obviously know what you are doing and should be fine. My apologies.
Thread Starter
koads
(@koads)
No worry, but i still don’t understand the sentence Well how is the footer going to be set to clear your menu?. Care to explain ?
Well if the blog is going to function properly we do not know how long the menu will be. Nor do we know whether the content or menu will be longer. Those two things are the defining characteristics of a blog from the design point of view. That imposes on us very serious challenges. We may not want a footer at all. Fine. We may not want the bg color to tile down behind our content / menu. Fine. But if we do , then we have very limited choices. And a footer can not be made to clear an absolutely positioned element of indeterminate length at all. It cant be done. Period.
It’s sort of tough to find what’s going on with your footer….what I would do is start from the beginning and define the “rap” tag as position:relative; …then I’d begin to adjust things as needed.
I just noticed that you have the width defined for your .credit tag…I don’t think that’s necessary since it’s contained within the “rap” tag and should automatically stretch the complete width.
Thread Starter
koads
(@koads)
Exactly my thought, Alan. But it seems that no matter if i define a width or not, it messes up. Why oh Why must tweakin be so darn hard ?
looks like the margin you are using, try removing that to see if it helps or change it from 10px to 0
p.credit
{
background: #5C5C5C;
color: #DFDFDF;
width: 700px;
margin: 10px 0 0 0;
padding: 3px;
text-align: center;
}
I noticed you defined your background in the body tag. I defined mine in the “rap” div. That could be the source of your trouble. I suggest you define the background in the rap div…..or…..move the .credit outside of the “rap” div and define the .credits with the margin: 10px auto; and the width (700px – border adjustment).
You might have better luck though defining the background in the rap.
