Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
#1 2006-12-17 17:58:17
- ccalfee
- New Member
- From: Austin, TX
- Registered: 2006-12-17
- Posts: 3
Gap between content and footer
Working on my site template and I have encountered a rendering oddity. If you look here with Firefox you will see ~20 pixel gap between the content and the footer.
The site looks fine in IE but if you add a border around the content div the gap disappears as shown here.
So with border, no gap. Without border, ~20px gap. And the site’s CSS validates.
Any ideas? Thanks!
Offline
Re: Gap between content and footer
It has to do with background not filling in where the P has a bottom margin … the easiest fix is to use padding instead of margins for the P’s … but you lose the margin collapsing niceness ..
.
p {
margin: 0px;
padding-bottom: 1em;
}
Also since you are using transitional you could put a <br clear="all" />
after the last <p>...</p>
nuff-respec ::: dannyb
Offline
#3 2006-12-17 20:10:29
- ccalfee
- New Member
- From: Austin, TX
- Registered: 2006-12-17
- Posts: 3
Re: Gap between content and footer
The clear all statement works great but I was going to move it to Strict so to achieve that I am making a design change. Thanks for the help though. I didn’t know about <br clear=“all” />.
Offline
Re: Gap between content and footer
just fyi … with strict .. br clear=“all” won’t validate …
nuff-respec ::: dannyb
Offline
#5 2006-12-17 20:17:42
- ccalfee
- New Member
- From: Austin, TX
- Registered: 2006-12-17
- Posts: 3
Re: Gap between content and footer
I know, which is why I am changing the design a bit so I don’t have to use it and can move to strict.
Offline
Pages: 1