Drupal: проблема совместимости IE

Question

У меня проблема с сайтом, созданным в Drupal 6, но не совместимым с IE. Кто-нибудь, знакомый с Друпалом, не мог бы просто сразу взглянуть на веб-сайт и сообщить мне, если что-то выскакивает на вас?

http://freespiriteurodesign.com.b1.bloomsite.net/

Это, вероятно, CSS: «парить», «Поплавок» или «дисплей» вопрос, но что на самом деле смущает меня то, что он выглядит как изображения повторялись раз рядом друг с другом - Позвольте мне объяснить , (всего шесть изображений с тремя наложениями первых трех, чтобы создать эффект наведения). В IE это похоже, что всего 12 (что изображение и его наложение повторяются), и именно поэтому он толкает плавающие изображения под ним друг друга. Он правильно отображается в firefox, если он помогает посмотреть, что должно быть похоже на него. Я всю ночь искал аналогичную проблему на любых форумах, но не сталкивался с ними.

Я просто подумал, что, возможно, кто-то очень хорошо знакомы с Drupal может подумать, это выглядит как то, что они имели дело с до и дать мне отправную точку ...

пса. (о да, и я хочу выяснить, какова фактическая проблема, а не просто использовать тег, который помещает сайт в режим совместимости) - Спасибо за все мысли!

Answer 1

Хорошо, посмотрев на источнике я вижу, что вы вложенность дивы внутри ваших тегов привязки, и я бы сказал, что это ваша проблема, поскольку это не является допустимой HTML:

<a href="/design"> 
    <div class="desgn_bx">...</div> 
</a> 

Вместо гнездо DIV элементы наоборот, чтобы ваш HTML выглядит следующим образом:

<div class="desgn_bx"> 
    <a href="/design"></a> 
    <!-- rest of your content --> 
</div> 

Затем добавьте следующий CSS:

.desgn_bx { 
    position: relative; 
} 

.desgn_bx a { 
    *background-color: inherit; /* add these for IE7 as it does */ 
    *filter: alpha(opacity=10); /* not like boxes with no content */ 
    bottom: 0; 
    left: 0; 
    position: absolute; 
    right: 0; 
    top: 0; 
    z-index: 10; 
} 

Это заставит привязную метку взять всю высоту и ширину элемента .desgn_bx, чтобы он по-прежнему можно было щелкнуть.