Early Bird Registration for DrupalCon Portland 2024 is open! Register by 23:59 PST on 31 March 2024, to get $100 off your ticket.
I made my logo a little bit taller than the default (from 50px tall to 100px tall). In Chrome, Firefox & IE 8 everything shifts down to make room for the bigger logo, but in IE 7 the bigger logo just overlaps with the primary link menu. You can see the problem here: http://sbscan.com/ . All suggestions are welcome. Thanks.
Comments
Comment #1
koppie CreditAttribution: koppie commentedI had the same problem: http://UCconsortium.org . Worked in every single browser except IE7. I noticed you avoided the problem by moving the menu *under* the logo. But if you (or anyone else) wants a real fix, here are a couple solutions:
Google Code is hosting a java script called ie7-js: http://code.google.com/p/ie7-js/ . It forces older IE browsers to render things like modern browsers. It has a whole collection based on which standard you want to use. For example, if you're coding for IE7, it will make IE6 and earlier display like IE7. IE8 rendered my site just fine, so I tried the IE8.js script. Here are instructions for embedding javascript in Drupal themes: http://drupal.org/node/304255 . Unfortunately it didn't work for me.
Second solution is to use a css hack. Here's a great page laying out the different hacks you can use: http://www.webdevout.net/css-hacks . For me, I used the simple *property: value hack, even though it violates CSS validation standards. So here's how my css looks:
You can see I also used the z-index fix described here: http://drupal.org/node/925002
Comment #2
danpros CreditAttribution: danpros commentedHi,
Maybe you can add:
Under the menu
div
in page-front.tpl.php and page.tpl.phpBut the best is adjust header height and logo height:
Dan
Comment #3
kunalkapoor CreditAttribution: kunalkapoor as a volunteer and at OpenSense Labs commentedComment #4
kunalkapoor CreditAttribution: kunalkapoor as a volunteer and at OpenSense Labs commented