[SOLVED] misbehaving footer

mykl · #1 (**permalink**) Oct 15th, 2007, 10:31

My footer is not the same in FF as in IE4 (i know it's out of date but people still use it cos average people don't know about upgrades). I haven't checked IE7 cos I'm just about to install it!

In FF: the overflow is not showing the main text whether I use overflow: auto or visible.

In IE4 the overflow works but the footer is more than 30px high.

What's going on? BTW I'm a beginner at CSS. Here's the code I'm using:

Code: Select all

#footer {
position: absolute;
background:#009;
height:30px;
bottom:0px;
width:99%;
overflow: visible;
border:5px solid #000;
}

with this in the <body>:

HTML: Select all

<div id="rightcontent">
<h1>rightcontent</h1>
<p>
asdgf;lj adg;ijerg;klj asddg;iih dfgh;j asdfg;iuih asdfdg;oiih asddg;ioi hasd;ii asdg;io asddg;iah sdg;ia hsdg;oih asddg;ii asdg;oioih asddg;oioi hasdgoi ahsddg;ia sddg;ahs dg;oiah sdg;oioah sddg;iih asdg;ioiha sddg;oiai sddg;oio asddg;oioaj sddg </p>
</div>

Lchad · #2 (**permalink**) Oct 15th, 2007, 11:22

There is such a difference between how Firefox renders code versus how IE 4 renders that I think it would be best if you used a separate stylesheet for IE4, IE 5, and maybe IE6. I doubt very much you will get that footer fixed with one set of code.

By having separate stylesheets you can set whatever height you need for IE 4 to make it appear 30px high.

Have you checked your stats lately to see how many people are still using IE4? I'd be curious. My stats this morning show 3% of people.

VanessaJW · #3 (**permalink**) Oct 15th, 2007, 11:26

Really, I wouldn't encourage these people who still have really old browsers by ensuring sites render properly for them - if they keep finding sites not rendering properly, they might get the hint and upgrade

mykl · #4 (**permalink**) Oct 15th, 2007, 11:42

I shall see what IE7 does with it in a couple of hours time and see what it does. Then maybe I'll be back asking for help with seperate style sheets! Why is there never a simple solution to my web probs?

VanessaJW · #5 (**permalink**) Oct 15th, 2007, 11:47

Well if it was simple, everyone would be doing it!

I'm in Canterbury too by the way, well I live in a village outside it, but I'm in it now as I work here.

Do post back after you've tried it in IE7 if you need more help

Marc · #6 (**permalink**) Oct 15th, 2007, 12:08

I to be totally honest wouldnt even bother about that it looks like in IE4. Just be worried about FF, IE6, IE7 and Firefox (mabey IE5, depends what mood i am in!).

Good luck anyway.

mykl · #7 (**permalink**) Oct 15th, 2007, 12:13

I shall take the advice and ignore IE4. My girlfriend is one of the 3% still using it even tho I put FF on her comp!
Anyway, all this doesn't answer my very important question as to why the footer isn't showing all the text in FF. Setting the overflow to auto or scroll doesn't seem to work yet it did work in another section. Have I done something silly? (my answer would be 'yes - why did a technophobe bother to learn web code anyway?!')

Marc · #8 (**permalink**) Oct 15th, 2007, 12:17

Do you have a link/code to your footer problem? Above you have the HTML code for 'rightcontent'.

Cheers,
Marc

mykl · #9 (**permalink**) Oct 15th, 2007, 12:19

Actually it's doing somthing rather odd in IE7 and FF that I wanted to do in the banner but couldn't. Need to investigate but also need to get some other jobs done first. I'll come back later!

Marc · #10 (**permalink**) Oct 15th, 2007, 12:22

Lchad · #11 (**permalink**) Oct 15th, 2007, 12:53

for the footer try overflow: hidden;

mykl · #12 (**permalink**) Oct 15th, 2007, 14:14

I didn't want to try 'hidden' cos it was hiding some of the text anyway! The problem has gone away and I don't know why. IE7 and FF are behaving the same.:

to start with there was no overflow comand and the main text was appearing below the footer, outside the border.
I tried 'visible' with no change - text appears outside the border.
I tried 'scroll' and it did what it should (but this isn't what I need at the mo) so Iincreased the height from 30 to 60px to see it better.
I tried 'inherit' and all the text appeared inside the border. I tried 'auto' again and all the text remained inside the border and it stayed there when I removed the overflow comand altogether.
It seems that it shows text outside the border if it is 30px high but works fine it is 60px high. Why is this? What's going on? It isn't behaving in the way I'm told it should!
Have a look: http://www.freewebs.com/mykl/test.html

Lchad · #13 (**permalink**) Oct 15th, 2007, 14:27

hidden just means the scrollbar is hidden. Not that the text is going to be hidden!

mykl · #14 (**permalink**) Oct 15th, 2007, 14:29

if the scroll bar is hidden how do you see the other text?

Lchad · #15 (**permalink**) Oct 15th, 2007, 16:45

It makes the div the correct height to hold all the text inside without the scrollbar.

mykl · #16 (**permalink**) Oct 15th, 2007, 19:20

Thanks to everybody's help - I've now got the page looking how I want it and as a result managed to do something else that I couldn't do before. It's amazing there are so many people so eager to help everyone else for free! Thanks!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Image float misbehaving in IE vs FF	andym01480	Web Page Design	2	Feb 19th, 2008 21:37
[SOLVED] How to get my footer to stretch	Gav	Web Page Design	3	Dec 16th, 2007 14:15
[SOLVED] Footer help	nashultz07	Web Page Design	7	Nov 27th, 2007 01:01
[SOLVED] footer positioning	danny322	Web Page Design	3	Nov 12th, 2007 10:30

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
[SOLVED] misbehaving footer