|
|
IE and position:fixed
|
|
|
|
Moderator
Join Date: Aug 2001
Location: Nobletucky
Status:
Offline
|
|
What's the secret to getting IE to work with position:fixed in css? I have a friend with a website that uses a fixed home button down the right-hand column. It's set at top:80%. It works as expected everywhere but IE. In IE, the button is more like 10% from the top.
Any ideas how to get this to work? Or does IE just not honor fixed position?
|
|
|
|
|
|
|
|
|
Moderator
Join Date: Jun 2000
Location: inside 128, north of 90
Status:
Offline
|
|
Which IE? That is the question.
|
|
|
|
|
|
|
|
|
Moderator
Join Date: Aug 2001
Location: Nobletucky
Status:
Offline
|
|
I know they've used IE 8 and 9. Maybe 7, too.
|
|
|
|
|
|
|
|
|
Clinically Insane
Join Date: Mar 2001
Location: yes
Status:
Offline
|
|
Have you tried installing a CSS reset stylesheet?
|
|
|
|
|
|
|
|
|
Moderator
Join Date: Aug 2001
Location: Nobletucky
Status:
Offline
|
|
No. Would that make a difference? From what I can understand, it sounds like IE simply doesn't do fixed correctly. Or, at least, not as intended.
|
|
|
|
|
|
|
|
|
Moderator
Join Date: Jun 2000
Location: inside 128, north of 90
Status:
Offline
|
|
|
|
|
|
|
|
|
|
|
Moderator
Join Date: Aug 2001
Location: Nobletucky
Status:
Offline
|
|
HTML 4.01 Transitional.
It validates without errors.
|
|
|
|
|
|
|
|
|
Moderator
Join Date: Jun 2000
Location: inside 128, north of 90
Status:
Offline
|
|
according to that link, try making it xhtml?
|
|
|
|
|
|
|
|
|
Moderator
Join Date: Aug 2001
Location: Nobletucky
Status:
Offline
|
|
Converting to xhtml didn't help.
|
|
|
|
|
|
|
|
|
Moderator
Join Date: Jun 2000
Location: inside 128, north of 90
Status:
Offline
|
|
|
|
|
|
|
|
|
|
|
Mac Elite
Join Date: Oct 2000
Location: Oakland, CA
Status:
Offline
|
|
Make sure you trigger standards mode and not quirks mode and it should work. Quirks mode will not support position:fixed.
try an html5 doctype. <!DOCTYPE html>, but an
Make sure to set a top and left when writing the CSS
position: fixed
top: 0;
left: 0;
|
|
|
|
|
|
|
|
|
Moderator
Join Date: Aug 2001
Location: Nobletucky
Status:
Offline
|
|
Originally Posted by exca1ibur
try an html5 doctype. <!DOCTYPE html>
That did the trick!
IE7 still has a slight display issue with the fixed home button in the right column (it displays it outside the column to the right) but I can live with that, since it wasn't showing up at all in previous builds. Neither 7 or 8 are displaying the shadow beneath the top banner, but that's ok, too. IE9 and 10 look perfect.
Many thanks.
Of course, using a plain <!DOCTYPE html> declaration means the existing code does not validate, since it's HTML 4.
|
|
|
|
|
|
|
|
|
Moderator
Join Date: Jun 2000
Location: inside 128, north of 90
Status:
Offline
|
|
If you want IE6,7,8 to display any CSS3 properties (drop shadow, border-radius), you have to set up CSS3Pie. It's a little javascript thing, and awesome.
CSS3 PIE: CSS3 decorations for IE
|
|
|
|
|
|
|
|
|
Moderator
Join Date: Aug 2001
Location: Nobletucky
Status:
Offline
|
|
I'm not worrying about IE6.
I installed PIE a couple of days ago, and the results were pretty bad. Like, everything other than the top banner failed to display, bad. I removed it for now.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Forum Rules
|
|
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
|
HTML code is Off
|
|
|
|
|
|
|
|
|
|
|
|