Kane250 Posted August 21, 2008 Share Posted August 21, 2008 I have every div in my website relatively positioned except one that muct be absolute because it has to be layered on top of others. I have the div as the very last thing in my container div before I end the html and with absolute positioning it shows up fine in every browser (IE6, FF, Opera, Safari) except for IE7 where it just completely disappears altogether. I tried moving the div to be the very first thing in the container instead of the last, thinking that priority might make it visible, but it has not. I also tried z-index, which doesn't do anything either. Any suggestions? Quote Link to comment Share on other sites More sharing options...
haku Posted August 21, 2008 Share Posted August 21, 2008 Suggestion: post a link. Quote Link to comment Share on other sites More sharing options...
Kane250 Posted August 21, 2008 Author Share Posted August 21, 2008 Sorry, I didn't post it because it's pretty straightforward, but here: www.mariaforcouncil09.com, it's the volunteer / contribute button in its own div. Only disappears in IE7 Quote Link to comment Share on other sites More sharing options...
jcalabro Posted August 21, 2008 Share Posted August 21, 2008 It might make more sense to position it relative to "subhead." If not, target IE7 with : *+html .conributemenu { } That should let you play around with IE7 without affecting other browser that are displaying properly. Quote Link to comment Share on other sites More sharing options...
Kane250 Posted August 21, 2008 Author Share Posted August 21, 2008 I am actually already targeting it with a seperate css just for IE7. I cannot position it within subhead because that div is not tall enough to align it the way I want it to, and if I make it taller it is going to affect the rest of my divs... Quote Link to comment Share on other sites More sharing options...
jcalabro Posted August 21, 2008 Share Posted August 21, 2008 Set #container's position to relative then position #conributemenu absolute. #conributemenu should not have float. You will also need to bring it up above subhead. Quote Link to comment Share on other sites More sharing options...
Kane250 Posted August 21, 2008 Author Share Posted August 21, 2008 ok, I did all of those, but moving the #contrbutemenu div in the html above the subhead makes it disappear in all browsers...thats what you meant right? Move it within the html? Quote Link to comment Share on other sites More sharing options...
Kane250 Posted August 21, 2008 Author Share Posted August 21, 2008 actually, would it be a totally bad idea if I took the div out of the container and just tried to absolute position it within the body somewhere? Quote Link to comment Share on other sites More sharing options...
jcalabro Posted August 21, 2008 Share Posted August 21, 2008 hummm it shouldn't. place it directly under "<div id="container">" if container is relative and conributemenu is absolute you should have no problems. set the z-index to 1000 on conributemenu for giggles. Quote Link to comment Share on other sites More sharing options...
Kane250 Posted August 23, 2008 Author Share Posted August 23, 2008 oddly I still cannot see it anywhere whether i insert it before or after the container and yes even with a 1000 z index! I am using an online renderer for IE7 because I use a mac...do you think I just might not be seeing it through there? I dont know what else would keep it from layering above the other divs... Quote Link to comment Share on other sites More sharing options...
bronzemonkey Posted August 23, 2008 Share Posted August 23, 2008 Add {position:relative;} to #container. Add {top:134px; left:575px;} to, and remove all margin and float declarations from, #conributemenu Quote Link to comment Share on other sites More sharing options...
Kane250 Posted August 28, 2008 Author Share Posted August 28, 2008 Nope :-(, I dont get this at all....nothing will make it show up. I feel like I have looked at every possible solution Quote Link to comment Share on other sites More sharing options...
haku Posted August 29, 2008 Share Posted August 29, 2008 It looks the same to me in IE7 as it does in FF3. Quote Link to comment Share on other sites More sharing options...
Kane250 Posted August 29, 2008 Author Share Posted August 29, 2008 It looks the same to me in IE7 as it does in FF3. Everything is the same except this missing link in the div. It's the link that says volunteer/contribute. You can see this in IE7? Because I cannot.. Quote Link to comment Share on other sites More sharing options...
bronzemonkey Posted August 29, 2008 Share Posted August 29, 2008 Nope :-(, I dont get this at all....nothing will make it show up. I feel like I have looked at every possible solution Sorry, but you're wrong. If you do what I suggest above then it will show. I have tested it. Quote Link to comment Share on other sites More sharing options...
haku Posted August 30, 2008 Share Posted August 30, 2008 I just checked again (this time in FF3 and IE6), and I see the link in both browsers. Quote Link to comment Share on other sites More sharing options...
Kane250 Posted September 1, 2008 Author Share Posted September 1, 2008 Nope :-(, I dont get this at all....nothing will make it show up. I feel like I have looked at every possible solution Sorry, but you're wrong. If you do what I suggest above then it will show. I have tested it. I did do that...that's how it is currently set up and I am not seeing it in IE7....you are? Quote Link to comment Share on other sites More sharing options...
haku Posted September 1, 2008 Share Posted September 1, 2008 I just checked what Bronzemonkey said, and it works fine. You don't have it set up that way now. You have position relative set to the container, but you haven't removed the floats or the margins, and you haven't set the top and left to the div. Quote Link to comment Share on other sites More sharing options...
Kane250 Posted September 2, 2008 Author Share Posted September 2, 2008 I have it set just the way he said to do it. I have a seperate stylesheet for IE7..is that what you are looking at? Quote Link to comment Share on other sites More sharing options...
haku Posted September 2, 2008 Share Posted September 2, 2008 I'm not looking at your code, I changed your code to what bronzemonkey said, and it worked. If you have changed your code and it's not working, then the code is being over-ridden somewhere. Quote Link to comment Share on other sites More sharing options...
Kane250 Posted September 2, 2008 Author Share Posted September 2, 2008 I'm not looking at your code, I changed your code to what bronzemonkey said, and it worked. If you have changed your code and it's not working, then the code is being over-ridden somewhere. ok well im looking to see how this is possible because IE7 is definitely loading my IE7 stylesheet (tested) but making these suggested changes are not doing anything in that stylesheet. You mentioned above that you tested in FF and IE6, however the problem only exists in IE7. IE6 and FF are running from my other stylesheet... Quote Link to comment Share on other sites More sharing options...
haku Posted September 3, 2008 Share Posted September 3, 2008 When I tested his code I was testing in IE7. I have IE6 at home, IE7 at work. Quote Link to comment Share on other sites More sharing options...
Kane250 Posted September 8, 2008 Author Share Posted September 8, 2008 FINALLY I got this working. You guys were right with the code, it was perfect, however it seems that when the page loads up my IE7 specific stylesheet, it does not omit the original stylesheet. It's actually reading from both somehow...it's very strange and I cannot explain how or why, but hey, it works now! Thanks for all your help on this matter! It's been a mess! Quote Link to comment Share on other sites More sharing options...
haku Posted September 8, 2008 Share Posted September 8, 2008 That's because the original stylesheets aren't eliminated, they are all read. So you have to overwrite declarations in stylesheets. CSS uses the last declaration it comes across. Quote Link to comment Share on other sites More sharing options...
Kane250 Posted September 8, 2008 Author Share Posted September 8, 2008 ohh I had no idea that was how it worked! If I knew that a a long time ago, this would have been uch less of a challenge! 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.