I have a slight problem with a block that displays an image (banner ad) at the top of my website (http://tinyurl.com/67y2ez4). The block displays correctly in all browsers except IE6 where the top section becomes too large. I have removed the block and confirmed that the issue goes away (i.e. it is definitely the block that is causing the problem). The theme is Acquia Marina which uses Fusion.

Can anyone help in exchange for a quick $10 paid via paypal?

Thank you.

Comments

arpeggio’s picture

Hello, try to add this code to your css:

* html #header-site-info {
  width: 45%;
}
*html .corner-top {
  display: none;
}

Arpeggio
(o-)===#~
Web developer

mrtbc’s picture

Thanks. Please give me one day to amend the css and then test this through in all the different browsers.

arpeggio’s picture

Ok, don't hesitate to contact me if you have further problems.

Arpeggio
(o-)===#~
Web developer

mrtbc’s picture

I've added:

#header-site-info {
  width: 45%;
}
.corner-top {
  display: none;
}

to my IE6 fixes CSS file:

/sites/all/themes/acquia_marina/css/ie6-fixes.css

but it doesn't appear to have worked. It might be a caching issue though. How does it look to you?

Thanks.

arpeggio’s picture

Try to target more specific css selector, add #header-group

#header-group #header-site-info {
  width: 45%;
}
.corner-top {
  display: none;
}

That should look like rendered in other "real" browsers.

Arpeggio
(o-)===#~
Web developer

mrtbc’s picture

Thanks. I've done that but it still doesn't look right I'm afraid (unless it's a caching problem).

arpeggio’s picture

Yes, it must be cached and I suggest to clear the cache because that code already works for me.

Arpeggio
(o-)===#~
Web developer

mrtbc’s picture

If the code works for you then it must be the IE6 cache on the local computer (rather than the Drupal cache). But this website shows the problem as not fixed:

http://ipinfo.info/netrenderer/

arpeggio’s picture

I checked the http://www.presentspotter.com/sites/all/themes/acquia_marina/css/ie6-fix... and your code is:

/* TBC CUSTOM

#header-group #header-site-info {
  width: 45%;
}
.corner-top {
  display: none;
}

you forgot to close your comment with */
... so the correct code should be:

/* TBC CUSTOM */

#header-group #header-site-info {
  width: 45%;
}
.corner-top {
  display: none;
}

Arpeggio
(o-)===#~
Web developer

mrtbc’s picture

Thank you! Will update and retest later today!

arpeggio’s picture

That will work.

Arpeggio
(o-)===#~
Web developer

mrtbc’s picture

Thank you. Please let me have your paypal details.

arpeggio’s picture

I have sent you a message at your contact form. Thanks.

Arpeggio
(o-)===#~
Web developer

Laptisor de matca’s picture

It functions.