PDA

View Full Version : Footer not appearing on IE 6



Morgenmuffel
13-11-2009, 09:44 AM
I am having an issue with text not appearing in my footer, it works in FF 3.5 and the latest opera and Safari

http://nigel.geek.nz/test-stuff2/

Any idea what i am doing wrong?

GameJunkie
13-11-2009, 09:49 AM
nothing amiss in IE8

wainuitech
13-11-2009, 10:33 AM
Just tried the link in three different browsers, all identical FF, IE8 & Lunascape.

All show This layout (http://www.imagef1.net.nz/files/Wndow.jpg) - should there be more ???

hueybot3000
13-11-2009, 10:48 AM
Itl be because of the unnecesary divs and classes

Try something like this


<div id="footer"><!--THIS ID IS WHERE YOU SHOULD BE SETTING SIZE AND COLOUR OF FONT ETC-->
<span class="left">
Jim<br />
Jim Jams<br />
Invercargill<br />
03 123 4567
</span>
<span class="right">
<a href="privacy.html" target="_blank">privacy</a>
</span>
</div>

Morgenmuffel
13-11-2009, 10:50 AM
in IE6 on my machine the orange text at the bottom is not appearing

The bizarre thing is that when I tried the page at browsershots.org the orange text appears in their IE6

And yes I have refreshed my browser,
Deleted cookies, cache
changed the name of the css file (to elimimate cacheing)
everything I can thing of, but the orange text doesn't appear at the bottom of the page

hueybot3000
13-11-2009, 10:54 AM
And put this in your stylesheet


#footer{
color:#whatever the colour your using is;
font-size:10px or whatever you want it;
}

Morgenmuffel
13-11-2009, 10:59 AM
Eureka!

well ok I don't know how to fix it but I have figured that the text is appearing, below where the browser can scroll to.

I commented out the Footer margins in the CSS and now I can partially see the orange text, not sure what to do from there,

It'll be something to do with IE and margins so I'll have to apply padding to a paragraph in the footer?

any help would be great

Morgenmuffel
13-11-2009, 11:03 AM
And put this in your stylesheet


#footer{
color:#whatever the colour your using is;
font-size:10px or whatever you want it;
}

Umm I already have a footer section in the CSS that actually seems to be what is causing part of the problem, still havent tracked down whats causing the rest of it,
The unnecessary divs and class you refer to are part of the vcard spec which google now parses, so i do want them there.

hueybot3000
13-11-2009, 11:07 AM
If your container is working properly then that will contain the footer. So you shouldnt need to pad the footer. Its hard to help without having ie6 running sorry.

Have you tried it without those extra divs and spans? It might be new to google but ***ty old ie6 doesnt know that :thumbs:

Morgenmuffel
13-11-2009, 11:18 AM
Have you tried it without those extra divs and spans? It might be new to google but ***ty old ie6 doesnt know that :thumbs:
Yep and it makes not one iota of difference



If your container is working properly then that will contain the footer.
Yep I suspect something breaking it but I can't figure out what

Morgenmuffel
13-11-2009, 11:34 AM
Can Ie7 and Ie8 users recheck it please

I have made the text longer so you should need to scroll to see the orange text at the bottom

GameJunkie
13-11-2009, 11:58 AM
no change in IE8

Morgenmuffel
20-11-2009, 07:38 PM
Ok problem solved, I know you were all waited with bated breath

Basically I had muffed the CSS it should have been

div.left {
float:left;
width:500px;
}
div.right {
float:right;
width:400px;
text-align: right;
}

GameJunkie
20-11-2009, 08:25 PM
it fills the screen more but dont have to scroll down to see text at bottom.

its still that link from your first post?