I fixed the problem by adding *margin-top: 150px; to style.css line 270. The asterix is a trick I picked up to inject CSS that only IE-crappy browsers will bother to read. However, this is not the best fix since IE may at some point stop doing this, or other browsers may decide to start. Unlikely, of course, but the problem still probably ought to be addressed by someone with better CSS skills than I.

Comments

gkanski’s picture

I propose another fix.
The point is that ie6.css is good for IE6 browser but is useless for IE7. Modifying ie6.css in order to improve the view for IE7 you destroy what was OK for IE6.
I have changed the content of page.tpl.php replacing in line 11:
if(strpos($_SERVER['HTTP_USER_AGENT'],'MSIE 6.0')==true)
by
if((strpos($_SERVER['HTTP_USER_AGENT'],'MSIE 6.0')==true) && (strpos($_SERVER['HTTP_USER_AGENT'],'MSIE 7.0')==false))
Now it works fine for all the browsers I have tested: IE6, IE7, Firefox (3), Opera (9,5).
Hint: when you change the .css file and want to see the effect under IE, you must use left shift and refresh combination (simple refresh or F5 will NOT WORK)

You can check the result (my working website) at kacikurody.eu.

Cheers!
Greg

Dr Jay’s picture

Thanks for the suggestion. Not entirely sure why, but it doesn't seem to work for me in IE7 when viewing the page anonymously. I cleared the cache but it is still floating to the top, along with the banner block. Oh well...

info@zrix.com’s picture

We have made changes in the theme and this problem has been resolved now. We suggest that you download the updated version of this theme again.

info@zrix.com’s picture

Status: Active » Closed (fixed)