Использование float делает ссылки в элементе недоступными

[Net-lady]

Использование float делает ссылки в элементе недоступными. Причем отрицательные поля не используется, position: relative; тоже есть, но ссылки в swafari так и остаются недоступными.

.contentLayout .sidebar1

{

position: relative;

margin: 0;

padding: 0;

border: 0;

z-index: 1;

float: left;

overflow: visible;

width: 264px;

}

.contentLayout .content

{

position: relative;

margin left: 280px;

top: 0;

padding: 0;

border: 0;

z-index: 2;

overflow: visible;

}

В IE7 все работает четко, в safari и во многих других браузерах во float-нутом блоке ссылки недоступны, и выделение самого блока невозможно. Как решить? ((

[Игорь Ермаков]

Что вы понимаете под недоступностью?

[Justnewone]

Что вы понимаете под недоступностью?

Есть такое....

По теме. У вас блок с ссылками имеет меньший з-индекс. Стало быть, "он снизу".

[Net-lady]

Что вы понимаете под недоступностью?

При наведении мыши на ссылку, ничего не происходит. Т.е. ссылка воспринимается браузером не как ссылка а как скажем обычный текст. (Нельзя нажать на ссылку чтобы перейти по ней, не реагирует на наведение мыши никак)

Есть такое....

По теме. У вас блок с ссылками имеет меньший з-индекс. Стало быть, "он снизу".

Играла с з-индексами как угодно, на данную проблему никак не влияют.

[Justnewone]

При наведении мыши на ссылку, ничего не происходит. Т.е. ссылка воспринимается браузером не как ссылка а как скажем обычный текст. (Нельзя нажать на ссылку чтобы перейти по ней, не реагирует на наведение мыши никак)

Играла с з-индексами как угодно, на данную проблему никак не влияют.

Тогда, Милая, Вы больше ничего не привели чтобы "начать думать", сцылко надо!

PS

Уверен почти, что если у .content position: relative; убрать - то все станет на свои места. Зачем он Вам там? Абсолютно что-то вставляете?

Edited July 24, 2009 by Justnewone

[Net-lady]

Тогда, Милая, Вы больше ничего не привели чтобы "начать думать", сцылко надо!

Не особо поняла о чем речь, если ссылка на сайт, то вот тут: http://www.date4pet.ru/ При открытии в разных браузерах, проблема нилицо.

[Justnewone]

Не особо поняла о чем речь, если ссылка на сайт, то вот тут: http://www.date4pet.ru/ При открытии в разных браузерах, проблема нилицо.

Это фонит:

div#maincolumn {

position:relative;

}

релейтив тут нужен?

Для чего все ваще в релейтивах?

Или дайте ему хотябы z-index:1, он перекрывает.

template.css (line 317)

div#maincolumn {

border:0 none;

overflow:visible;

padding:0;

position:relative;

top:0;

z-index:1;

}

и все будет пучком

Edited July 24, 2009 by Justnewone

[Net-lady]

Это фонит:

div#maincolumn {

position:relative;

}

релейтив тут нужен?

Для чего все ваще в релейтивах?

Какой ужас, вы обсолютно правы. А началось с этого:

■Использование float и отрицательных полей делает ссылки в элементе недоступными в Safari 1.3 и Safari 2.0, выделение текста тоже усложняется, и если вы используете Tab для переключения между ссылками, они исчезают при потере фокуса. Чтобы исправить этот баг нужно использовать position:relative для всех плавающих элементов с отрицательными границами. [Float + negative margin problems in Safari44]

Спасибо большое! Оказывается так все просто, аж стыдно (((

[Justnewone]

Лучше релейтивом не увлекаться. Я его использую ТОЛЬКО в 2 случаях, когда сознательно что-то перекрыть надо и чтоб указать родителя абсолютного элемента. А уж IE6 и даже иногда IE7 могут так кровушку попить с этим релейтивом...

[Net-lady]

Ясно, спасибо большое!!!