Ссылки не отображаются в Firefox и Safari

Question

У меня какая-то странная проблема ..

То, что не работает на ff & safari, но работает на IE само по себе, уже довольно странно, но я не могу решить эту проблему ..

На моем сайте http://www.turnkring -excelsior.be в правом верхнем углу есть ссылки на социальные сети (youtube, facebook и flickr), в IE они связаны, в ff & safari они не отображаются. 't ..

Теперь, я сузил проблему вниз ... Похоже, это связано с шириной моего div-оболочки, в моем css-файле я объявляю ширину этого div в 1000px. Если я увеличу это до 1200px, ссылки на FF & safari будут работать.

Если я немного увеличу его, как, скажем, 1050, будет работать только ссылка flickr (та, что справа)

У кого-нибудь есть предложения?

Answer 1

Это комбинация ошибок Положительной маржи, когда вы пытались выстроить свои дивы так, как хотите. По сути, вам удалось поместить один div поверх другого, следовательно, заблокировав ссылки.

#social в настоящее время имеет положительную верхнюю границу в 23 пикселя, в то время как #image имеет количество полей, определенных почти со всех сторон, предположительно для его принудительного смещения вправо, ниже социальных связей? Из-за полей #image, перекрывающихся с содержимым #social, браузер считает, что #image - это еще один слой.

Вам нужно будет найти лучший способ их размещения, возможно, два контейнерных элемента, действующих как плавающие столбцы.

Псевдо (не проверено):

<div id="container">  
    <div id="top-bar">  
        <div id="menu" />  
        <div id="social" />  
    </div>
    <div id="left">
        content n stuff
    </div>
    <div id="right">
        <div id="image" />
    </div>
</div>