Reputation: 603
So I'm not sure what I did however my footer won't stay at the bottom anymore after I placed the images from our festival in this page. I've tried everything I could think of including making it a div aside from using the HTML 5 tag but IE just doesn't want to play nice! Ugh. Here is my site. The footer is great on all pages but the index2.html page.
HTML
<footer class="clearfix">
<a href="events.html">Events</a> | <a href="wineries.html">Wineries</a> | <a href="restaurants.html">Restaurants</a> | <a href="golf.html">Golf Courses</a> | <a href="index.html">Home</a>
<a href="http://ambergoodwin.com/" title="Graphic & Web Design | www.ambergoodwin.com" id="ambergoodwin">Amber Goodwin | Creative & Fresh Designs</a>
</footer>
CSS
footer { width: 100%; height: 130px; position: relative; top: 600px; background-color: #b14a0f; font-size: 1.2em; padding-top: 30px; color: #721501; text-align: center; clear: both; }
I just don't understand how this looks great on all pages but this newest one. Any help or advice on IE is great!
* UPDATE *
I do have the shim in my code and now I've just made my footer into a regular ol div but it still is acting strange. It's like it's ignoring my new styles..... Does anyone know what is going on?
Upvotes: 0
Views: 391
Reputation: 603
Wow. So I fixed it. Still not sure wtf was going on with IE but I ended up having to make a new stylesheet but after every new change I had to link it to another stylesheet name. Has anyone ever heard of IE acting like that??
Thanks for the users who posted comments! After a few hours of pulling my hair out I did what ever would work to get it working for IE and the most important thing is it paid off.
Upvotes: 1
Reputation: 82976
Your <nav id="main-navigation">
element isn't being closed properly. This may well be disrupting your layout.
Upvotes: 1
Reputation: 1043
haha yea you have to code for IE, especially with a site like that since most of the sheep out there use it.
But yea just use a div element and style it accordingly.
Upvotes: 0
Reputation: 3241
IE8 and bellow don't support html5 natively. You need to use compatibility utilities such as html5shim
Upvotes: 1