|
|
|
|
Thread title: A hand with IE problems. |
|
|
|
|
|
Thread tools
Search this thread
Display Modes
|
|
01-22-2009, 11:58 AM
|
#1
|
Status: Resident Epistemologist
Join date: Jan 2006
Location: London, UK
Expertise: Investment, SEO, Marketing
Software: After Effects, Photoshop, Maya
Posts: 1,275
|
A hand with IE problems.
I have a Wordpress skin that was coded just over a year ago by Garrett. I only recently decided to start using it, and have found that the site looks absolutely great in Firefox, Safari, and Opera, but is completely ruined in IE (not just a little bit).
I was wondering if anyone could shed some light on the coding issues that are causing it to display incorrectly?
You can find the theme at http://sortyoursport.com
Thanks
|
|
01-22-2009, 12:29 PM
|
#2
|
Status: Junior Member
Join date: Jan 2008
Location: on CSS
Expertise:
Software:
Posts: 63
|
#content,.end{height:1%}
That's it I think.
|
|
01-22-2009, 04:40 PM
|
#3
|
Status: Resident Epistemologist
Join date: Jan 2006
Location: London, UK
Expertise: Investment, SEO, Marketing
Software: After Effects, Photoshop, Maya
Posts: 1,275
|
What's the alternative to that attribute, if any?
edit: Tried removing it, and it didn't seem to make a difference in any of the browsers.
|
|
01-22-2009, 04:47 PM
|
#4
|
Status: Request a custom title
Join date: Dec 2005
Location: Colchester, UK
Expertise:
Software:
Posts: 4,625
|
In the footer, find:
Code:
</div>
<div id="footer" class="clearfix">
Replace with:
Code:
<div style="clear: both"></div>
</div>
<div id="footer" class="clearfix">
|
|
01-22-2009, 04:49 PM
|
#5
|
Status: Resident Epistemologist
Join date: Jan 2006
Location: London, UK
Expertise: Investment, SEO, Marketing
Software: After Effects, Photoshop, Maya
Posts: 1,275
|
It worked! Thanks so much Gary, your help is appreciated as always
|
|
01-22-2009, 06:14 PM
|
#6
|
Status: Junior Member
Join date: Jan 2008
Location: on CSS
Expertise:
Software:
Posts: 63
|
Hmm... extra markup is a sure-fire way as always.
In IE7 there's still the border being overlapped by the Read More and Comments buttons (the ".end" class).
It looks like Garrett used this, which is supposed to do the same trick:
* html .clearfix {
height: 1%;
}
But the * html only targets IE6 and below, not IE7. So don't use my code you can just remove the * html part from this. It should fix both of the problems.
btw after changing CSS remember to refresh the page.
|
|
|
|
|
|
|
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
|
|
|
|