MetaChat REGISTER   ||   LOGIN   ||   IMAGES ARE OFF   ||   RECENT COMMENTS




artphoto by splunge
artphoto by TheophileEscargot
artphoto by Kronos_to_Earth
artphoto by ethylene

Home

About

Search

Archives

Mecha Wiki

Metachat Eye

Emcee

IRC Channels

IRC FAQ


 RSS


Comment Feed:

RSS

18 March 2013

Hope me! IE no like position:fixed? [More:]So, I have a client whose website has a few very long scrolling pages, and these pages have a fixed-position Home button in the right-hand column. Apparently, IE does not position the button correctly. Instead of 80% down from the top, the button is more like 10% from the top. I've been asked to fix this. Unfortunately, my html skills aren't great, and I know nothing about getting things to work with IE.

How does one get IE (of various flavors) playing nice with position:fixed?

Here's the css they've used. Pretty basic...
homelink {
height: auto;
width: auto;
border: 0pt;
padding: 0pt;
background-color: #ffffff;
top: 80%;
margin-left: 51px;
position: fixed;
}

Thanks!
The page was already declared as a transitional doctype. We've tried both html and xhtml transitional doctypes, and neither version worked.
posted by Thorzdad 19 March | 07:30
I think the problem is height: auto. Try height: 100% or specify a specific pixel height?

Put a border around homelink to see what height IE is setting it to. .homelink { border: 1px solid green; }
posted by Firas 19 March | 07:53
wait I misspoke. I meant check the height of the element containing homelink. Basically it depends on what IE thinks "top: 80%" means
posted by Firas 19 March | 12:35
The page height is variable, due to new content being added and old content being removed on an almost daily basis, so none of the columns have a declared height, and are dependent on the volume of content in the middle column..
posted by Thorzdad 19 March | 12:50
Hmm ok. send me the link on firasd at gmail
posted by Firas 19 March | 13:47
I started an NCAA Bracket || Lost In Light Rotation,

HOME  ||   REGISTER  ||   LOGIN