Проблем с Див кутийка

[CosaNostra]

Здравейте!

Намерих код за Popup div, но като го приложа на сайта си дивът на поп-ъп-а ми стои зад катринка ( акртинката няма как да я махна защото е част от дизайна ). Пробвах какви ли не методи, но дива на поп-ъп-а си стои зад картинката... Някакви идеи? :idea:

 

[eddy]

z-index

 

[CosaNostra]

z-index

Пробвах - неш'те

 

[eddy]

А, как няма да ще .. я дай да видим малко от цсс кода.

 

[CosaNostra]

[css]#popupContact{
display:none;
height:384px;
width:408px;
position: absolute;
margin-top: 450px;
margin-left: -445px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:100;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
}[/css]

<a href="#" id="pop">Проба</a>
<div id="popupContact" style="position: absolute;">
<a id="popupContactClose">x</a>
<h1>Проба за бачкане</h1>
<p id="contactArea" style="overflow: auto; height: 330px;">
<b>само проба</b>
</p>
</div>

html-а е в див link
[css]#link { position: absolute; margin-left: 115px; margin-top: 12px; font: 14px Tahoma; font-weight: bold; color: #797979; z-index: 99; }[/css]

 

[eddy]

Не ми идва идея .. извън темата > > много големи margin ползваш .. старай се към по-малки маргин, все пак както ти се решиш ако мислиш, че не прави проблем при браузерите : )

 

[CosaNostra]

Някакви идеи как може да го оправя?

 

[tedo96]

Така? :idea:
[css]#popupContact{
display:block;
height:384px;
width:408px;
position: absolute;
margin-top: 450px;
margin-left: -445px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:100;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
}[/css]

 

[CosaNostra]

С display: block; не става... демек див-ът си стои още със зареждането на страницата, а трябва да се цъкне на линк, за да се покаже...

 

[tedo96]

Пробвай с различни стойноси.
http://www.w3schools.com/css/pr_class_display.asp
Почти съм сигурен, че е от това проблема.
inherit или inline-block ? Пробвай... :?

 

[CosaNostra]

Пробвах всичките... не става...

 

[tedo96]

Този попЪП да не се намира в дива с картинката? Ако е така го изкарай отвънка.

 

[CosaNostra]

Проблемът го видях къде е... попЪП-а се намира в друг див, който има position: absolute; щом го махна попЪП-а се вижда, но всички други елементи отиват където си поискат... как да реша този проблем... ? Някаква алтернатива има ли?

 

[tedo96]

Просто извади попУП-а от този див. Както ти казах в миналия ми коментар.

 

[CosaNostra]

Златен си! Много ти благодаря и мерси за отделеното време