Hi there,
I’ve created a website - http://newwebsite.prosperaplace.com and the 3 ads along the bottom (Boomers, Coast Capri, Select Your Tickets) Aren’t showing up properly in my bosses version of IE. Instead of showing up side by side they are on top of each other, leaving tons of empty space to the right and making the page much longer than necessary. It works fine in my IE 8, and his is IE 8 too. I also saw it displaying this way when i used one of those cross browser testing websites. Any ideas? What can I do about this?
Thanks
In the table your using to wrapper the footer items you have colspan=“2” set which you don’t need as your not spanning anything, simply remove all traces of the attribute from your footer boxes and it should work fine in IE7+.
Did you fix this ?
Coz i saw it in IE 8 and it looks good.
If problem is still there then please share a screenshot of the issue.
regards,
Ashish
Thanks for the help. I can see what you mean with all the instances of colspan… trouble is I can’t find where they are! This website is made with Joomla, so I found one php file for the specific module used and deleted all instances of colspan=2, but when I use firebug to check it still says that they are there, but I’ve went through all of the files that I can think of and can’t figure out where they are to delete them!
I got the colspan out of there now, but it is still showing up like that on my bosses computer. Any other ideas, or should i just chalk it up to him having a ‘bad’ version of IE?
Alright so I downloaded a cross browser tester and it shows up the same way in the IE8 tester. I’m attaching a screenshot.
The reason why it’s still dropping the boxes below one another is because your <table> elements have a 100% width set on them, you need to set a width which matches the width of the content your wrapping.
Thank you! I finally got it, your tip also helped me figure out another problem on the website.
I have another question if anyone could help me out with this: Once again on my bosses computer but not mine, and also on the IE tester I have, the drop down menu from Media doesn’t show up correctly, it will only show “Event Photos” but not “Multimedia”… any thoughts?
Well I did just type out this pretty long response but Sitepoint CONVENIENTLY just had a database error so I lost it all. Awesome.
Anyway basically my local copy of IE7 on IEtester isn’t allowing ANY changes whatsoever to your page. I mean even with my local copy with my own code, no refresh does anything. It’s super strange.
I’m guessing, educatedly, that your issue is that hte slideshow is just covering it up. However I can’t test now for that strange error…Could you create a 2nd version of that page, with ONLY the header/dropdown in it? If it does entirely show with just that, it would confirm my theory. Then it’d just be a simple IE7 z-index bug.
Ahh I’m sorry that happened! It does seem to be the slideshow covering it up, because when I get rid of it both of the menu items show up. Buut the weird thing is if you go to another page, say venue, then it does the same thing. In that case there isn’t anything there to cover it up other than the white background behind the text. How could that be? I’ve played around with z-index with no luck.
Okay after a lot of messing around with z-index’s alll over the map, I seem to have fixed the problem! I set the menu-nav-wrap z-index to 500, content-panel to 0, and made every existing z-index in the menu css to over 1000. There was absolutely no strategy here, just a lot of trial and error. Someday I’ll actually know what I’m doing and not just fluke it…
Even if it’s just white background, that’s still solidity and can allow it to overlap on top of the dropdown. Sorry I wasn’t able to help you with this much besides giving you the initial hint, but good job figuring it out! Always more satisfying that way :).