Forum Home
Press F1
 
Thread ID: 71497 2006-08-07 12:20:00 Website Design - Bug In Footer DIV Erayd (23) Press F1
Post ID Timestamp Content User
476883 2006-08-07 12:20:00 Hi,

I am in the process of creating a new website design, and I'm having problems with getting the footer to behave correctly. It seems to work in every browser I've tested it in, except IE (I have only tested version IE 6). The problem is fairly self-evident on visiting the site (http://pcresolutions.co.nz). Any help greatly appreciated.

Cheers,
Bletch
Erayd (23)
476884 2006-08-07 13:32:00 I've been mucking around a bit with the .content and .p in your css with varing results. Rob99 (151)
476885 2006-08-07 21:03:00 By 'varying results' do you mean you found a solution? Also, what are you referring to by '.p'? There is no .p class in my css. Erayd (23)
476886 2006-08-07 21:29:00 Bletch I am getting "PC Resolutions » Access Denied (Under Construction)"

and don't see any errors in your footer ...
netchicken (4843)
476887 2006-08-07 21:55:00 Have a hunt around IE CSS Bugs (www.positioniseverything.net)

Ah you have to love IE :thumbs:
gibler (49)
476888 2006-08-07 22:29:00 By 'varying results' do you mean you found a solution? Also, what are you referring to by '.p'? There is no .p class in my css.
Nearly got it sorted last night, I hate IE!!!!

.content p
Rob99 (151)
476889 2006-08-08 00:46:00 Bletch I am getting "PC Resolutions » Access Denied (Under Construction)"

and don't see any errors in your footer ...
The footer errors are only in IE - the footer clashes with the border for the main content. As for the access denied message - there really isn't any content there yet, so it defaults to that message. The only content the site has at present is under the 'applications' section.
Erayd (23)
476890 2006-08-08 01:08:00 aha! I have a solution. After lots of experimenting, it seems that putting a 1px white border around the #body div solved the problem. This border doesn't render correctly (the bottom edge doesn't display) but as it's white, and not supposed to be seen anyway, I don't much care - it fixes the footer layout problem. Thanks everyone for the help and suggestions, and any other solutions are still welcome - this one seems kinda messy.

Now just the side navbar bug to go! (excessive spacing between links). See the 'applications' section for an example of this.

Edit: This second bug was solved by setting #sidebar li {width: 100%}
Erayd (23)
476891 2006-08-08 03:44:00 Looks nice. :)

Have you got Opera installed yet? The bottom line is closer to the two frames in Opera than it is in FF and IE. Apart from that the page looks identical in all three browsers.
FoxyMX (5)
476892 2006-08-08 21:58:00 Cheers :D

Yes, I have opera installed - it has some very nice development features (although I still prefer firefox for general use). Which version of opera are you using? In my version it renders the bottom border exactly the same as firefox and IE.
Erayd (23)
1 2