14 replies [Last post]
Drifter88
Offline
newbie
Last seen: 18 years 3 weeks ago
Timezone: GMT-4
Joined: 2005-03-07
Posts: 8
Points: 0

I can't seem to get the layout of the footer right in both IE and Firefox. I'd like the footer image and nav to but up against the bottom of the page, so there's no more white space under it. Anyone got any ideas?

http://www.gtapoker.ca/test.php

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 9 years 3 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Can't get rid of spacing at bottom of page...

drifter, I don't see what you're speaking of (FF and Safari). But I have to ask - wth is this: ?

<div class="footer-text">| &nbsp;&nbsp;<a href="http://www.gtapoker.ca/test.php">Home</a> &nbsp;&nbsp;| &nbsp; <a href="http://www.gtapoker.ca/learn-basics.php">Learn the Basics</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp; <a href="http://www.gtapoker.ca/poker-on-tv.php">Poker On Tv </a>&nbsp; &nbsp;| &nbsp; <a href="http://www.gtapoker.ca/pro-bios.php">Pro Bios </a>&nbsp; &nbsp;| &nbsp; <a href="http://www.gtapoker.ca/forum/"target="_blank">Forum</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp; <a href="http://www.gtapoker.ca/links.php">Links</a>&nbsp;&nbsp; | &nbsp; <a href="http://www.gtapoker.ca/contact-us.php">Contact Us</a>&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;© 2005 GTAPoker.ca &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </div>

Why are you using the non-breaking space for layout?

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 10 years 26 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Can't get rid of spacing at bottom of page...

maybe get rid of all those &nbsp; after your copyright notice.

Drifter88
Offline
newbie
Last seen: 18 years 3 weeks ago
Timezone: GMT-4
Joined: 2005-03-07
Posts: 8
Points: 0

yeah it's ugly.

A friend of mine coded that for me, stupid way of doing it I know, it will be fixed soon. This is my first attempt at buidling a tableless site, so please bear with the unconventional ways that things have been done. Wink

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 9 years 3 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Can't get rid of spacing at bottom of page...

No problem, as long as you understand. Now for the problem, what exactly are you referring to? I don't see it.

Drifter88
Offline
newbie
Last seen: 18 years 3 weeks ago
Timezone: GMT-4
Joined: 2005-03-07
Posts: 8
Points: 0

Can't get rid of spacing at bottom of page...

Thanks!

I think Chris' solution fixed it, removing all the '&nbsp;' after the copyright seems to have resolved the problem, as I don't see it anymore either. Thanks Chris!

I also have a similar problem in the forum, blank space at the top and at the bottom, do you see that on your end?

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 9 years 3 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Can't get rid of spacing at bottom of page...

Maybe this line near the bottom of the source

<td valign="bottom" height="130">

the height looks like it could be 30 instead of 130.

Drifter88
Offline
newbie
Last seen: 18 years 3 weeks ago
Timezone: GMT-4
Joined: 2005-03-07
Posts: 8
Points: 0

Can't get rid of spacing at bottom of page...

That seems to have fixed the spacing within the forum border, but I'm actually talking about this:

Do you see that space at the top?

It's there in IE and FF for me.

crenner
Offline
Regular
Last seen: 16 years 32 weeks ago
Timezone: GMT-4
Joined: 2005-03-05
Posts: 34
Points: 0

Can't get rid of spacing at bottom of page...

I had the same problem on my last (all css) design. All the relevant paddings and margins were 0, but I still had that gap at the top of the page. I ended up fixing it by giving my first div "margin-top: -20px; padding-top: 20px;" but it felt dirty. I'd love to find a better solution.

Drifter88
Offline
newbie
Last seen: 18 years 3 weeks ago
Timezone: GMT-4
Joined: 2005-03-07
Posts: 8
Points: 0

Can't get rid of spacing at bottom of page...

I thought about trying that as well.

I've added a -8px to the top and bottom margins.

Now here's the weird part, in IE the space at the bottom is gone now, but it's still there at the top.

In FF, the space is gone at the top but still at the bottom. Shock

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 9 years 3 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Can't get rid of spacing at bottom of page...

Oh boy, you better hope thepineapplehead doesn't show up here. How about a correct doctype and validating the page?

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 47 weeks 6 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Can't get rid of spacing at bottom of page...

Too late :twisted:

Easy to fix though; end your tags, use lowercase, and reference external javascript.

Verschwindende wrote:
  • CSS doesn't make pies

Drifter88
Offline
newbie
Last seen: 18 years 3 weeks ago
Timezone: GMT-4
Joined: 2005-03-07
Posts: 8
Points: 0

Can't get rid of spacing at bottom of page...

Doh! :oops:

I'll try all that, thanks for the help thus far guys.

maddison
Offline
Regular
Last seen: 17 years 50 weeks ago
Joined: 2005-04-13
Posts: 14
Points: 0

Can't get rid of spacing at bottom of page...

I'm having the same problem too. I've tried setting margins in the body element to get rid the space. Works fine for IE but FF leaves a space at the bottom. The css code looks like this:

body {
text-align : center;
margin-top: 0px;
margin-bottom: 0px;
}

Anybody got a solution for FF would be great.

...............................

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 11 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Can't get rid of spacing at bottom of page...

Maddison,
You really shouldn't hijack threads, start a new one if you have a question.

You don't provide enough information regarding your problem. The code that you do show should zero the top and bottom margins in firefox but this does not preclude something else going on to effect matters, which is why we need to see the context the code resides in.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me