mazman13 Posted January 5, 2009 Share Posted January 5, 2009 The footer icons are screwed up in IE...but they work great in firefox. Any ideas? www.mzliveonline.com/mzlive Quote Link to comment Share on other sites More sharing options...
htmlstig Posted January 7, 2009 Share Posted January 7, 2009 in your css for the footer you need to put position: relative; that should hopefuly do it Quote Link to comment Share on other sites More sharing options...
mazman13 Posted January 7, 2009 Author Share Posted January 7, 2009 Seemed to work. What did that do? Also, i tried that on the logo and it didn't work. It's centered in IE and to the left in FF. Quote Link to comment Share on other sites More sharing options...
htmlstig Posted January 7, 2009 Share Posted January 7, 2009 if you are putting position: absolute; on a div you have to put position:relative; on the containing div otherwise the absolute doesnt work. I dont know why you have to do this, all i know is that i had this problem when i was learning css and that was the solution i found. Quote Link to comment Share on other sites More sharing options...
mazman13 Posted January 7, 2009 Author Share Posted January 7, 2009 Cool thanks Quote Link to comment Share on other sites More sharing options...
dbrimlow Posted January 8, 2009 Share Posted January 8, 2009 if you are putting position: absolute; on a div you have to put position:relative; on the containing div otherwise the absolute doesnt work. I dont know why you have to do this, all i know is that i had this problem when i was learning css and that was the solution i found. It is quite simple. A parent containing element using position:absolute ignores any and all html around it. BY DEFAULT it positions itself at the top-left of the browser window. It will not move, stretch wrap, etc in relation to what any other elements within the html markup does. You use "left, right, top, bottom to set the distance from the browser window - so, "left:150px; top:200px" means it positions itself absolutely 150px from the left and 200px from the top of the browser window. Now, position:relative keeps a containing element within the flow of the html - and just like any other container it reacts to all html elements around it within the markup. However, if you place a containing element that has position:absolute within it, it becomes the parent container and the position:absolute container is "relative" to itsparent and NO LONGER to the browser window. So, left, top, bottom and right positioning dimensions also become "relative" to the new parent container and not the browser. Quote Link to comment Share on other sites More sharing options...
mazman13 Posted January 8, 2009 Author Share Posted January 8, 2009 Got it. Thanks! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.