SitePoint Sponsor |
|
User Tag List
Results 1 to 4 of 4
Thread: CSS Help
-
Jun 28, 2006, 01:56 #1
- Join Date
- Apr 2006
- Location
- UK
- Posts
- 26
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
CSS Help
I've got this design which I'm coding and I'm having some issues with it.
http://xirgo.net/electricblue
If you're on Firefox will see that the white DIV is completely at the bottom of the page, however, if you look at it on IE the white box is right below the header. Is there any way I can fix this for IE? I want it to look exactly like it does of Firefox, the white box has to be right at the bottom of the page.
Here's the code for the DIV:
Code:#resource { width: 100%; height: 90px; background: #fff url("images/resource_strip.gif") repeat-x top; text-indent: -999em; bottom: 0; position: fixed; }
-
Jun 28, 2006, 02:18 #2
- Join Date
- Jun 2006
- Location
- Utrecht (Netherlands, the)
- Posts
- 32
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
IE does not support position: fixed.
I always use dean edward's solution to overcome this problem. This javascript fixes some of the better known IE bugs.Hippopotomonstrosesquippedaliophobia - Fear of long words
-
Jun 28, 2006, 03:27 #3
- Join Date
- Apr 2006
- Location
- UK
- Posts
- 26
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally Posted by CadmiumNL
Edit: Nevermind, I downloaded it, tested it on IE6 and it works like a charm. Thanks a lot!
-
Jun 28, 2006, 04:19 #4
- Join Date
- Jun 2006
- Location
- Utrecht (Netherlands, the)
- Posts
- 32
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
You are very welcome!
If the fixed position is the only thing you need from the library, you might want to include that module only. Instead of including ie7-standard-p.js, try including ie7-core.js and ie7-fixed.js (you might also need ie7-css2-selectors.js if you're using an external stylesheet). This somewhat reduces the amount of included javascript.Hippopotomonstrosesquippedaliophobia - Fear of long words
Bookmarks