23 replies to this topic

[darran]

Take a look at my site http://darran.trap17.com/about/

View it in Mozilla Firefox, it is fine. But view it in IE 7, you will notice the footer is making the site look disgusting. How can I solve this problem? Appparently, the footer starts after the post entry is ended, while in firefox, the footer starts after the end of the sidebar which is what I am trying to do. However I am not too sure how to do it in IE7. Can anyone advise me?

[TypoMage]

Try just getting rid of the footer.

[jlhaslip]

I had a look at the site, specifically the footer in IE6 and ff2. They are identical in all regards except the render of the blue is a bit different. Not a big deal.
for the benefit of us who are waiting for a good IE Browser, could you post a screenie, please and thanks.

[darran]

I can't get rid of the footer, that would deal a huge loss to my site.

Here is the image



It is funny that IE6 doesn't have a problem and IE7 has.

Edited by darran, 18 February 2007 - 12:49 PM.

[MusicOnly]

I have viewed it only in FF2 and it s all ok. sorry but my ie doesnt work so i cant view it. btw, your site really looks nice! did you designed that template?

[delivi]

IE 7 has several CSS incompatabilities, I'll check the theme and get a solution for you, i'll be back soon.

[CrazyRob]

For some reason i cannot access your site i just get an error message saying "problem loading page" have you terminated your hosting account?

[matak]

#footer {
		clear: both;
	width: 100%;
	height: 74px;
	clear: both;
	background: #010b32;
	border-top: 1px solid #000;
	color: #fff;
	}

add clear: both; to your css like that, that should help---

[CrazyRob]

Ok i can access the site now...

What i would do is remove the Recent Entries and Last 5 Months or move it to a different place on the site.

Is "Lime ti=ouch ment to be on the site or is it just the name of the template you have used? if so then rename it.

[zyzzyvette]

Make a file containing this (could call it ie7.css for example)

#bottom {
	FLOAT:none;
}

Then in your header, after you reference your first stylesheet, put in a conditional comment for ie7 referencing it.

EDIT: I was in a bit of a hurry before, so I didn't have time to explain a little more thoroughly (for anyone who might read this in the future with a similar problem). Conditional comments are a special kind of HTML "code" that's recognized only by Internet Explorer builds, and they're used to basically tell IE how to fix what it's doing wrong/differently from other (more standards-compliant) browsers. They look like this:

<!--[if IE 7]>
Special instructions for IE 7 here
<![endif]-->

Every other browser will render this as a regular HTML comment, but anything in the "special instructions" area will be read by IE7. If you stick a line of HTML code that references a separate CSS file, you can put special CSS that will only apply to that browser. In this case, it'd be changing the "float" attribute of the misplaced box; changing it to "none" messes up non-IE browsers but having it as "left" messed up IE, so the conditional comment makes them both happy.

Hope this solution works for you, I saved a copy of your main page and this seems to work on my "desktop copy".

Edited by zyzzyvette, 19 February 2007 - 12:05 AM.