position: absolute only for one div

Question

I have some place for drag-and-drop

<ul class="droppable two-lines-head " data-id="2" id="middle-level">
    <div class="mutedhelptextmedium">@ProfileResources.AdvancedSkillHelper</div>
</ul>

div class="mutedhelptextmedium" performs the placeholder function.And im draging tags to this field,as a result, my placeholder text drop down,giving place for element

<li class="tech-add-skill-row technology-name isNotApproved" id="3" 
style="position: absolute; opacity: 1; max-width: 228px;">
            xml
<i class="deleteicon"></i></li>

if i add position:absolute to a tag(LI).All will be ok,except another tag will be stratify each other (need relative position for tags.).So how i can implement absolution position only between LI and text?i'm trying z-index but something go wrong.

score 0 · Accepted Answer · answered Sep 15 '14 at 13:24

0

Move the absolute position to a parent wrapper:

<ul style="position:absolute;">

 <li class="tech-add-skill-row technology-name isNotApproved" id="3" 
 style="position: relative; opacity: 1; max-width: 228px;">
        xml
 <i class="deleteicon"></i></li>

 <li class="tech-add-skill-row technology-name isNotApproved" id="3" 
 style="position: relative; opacity: 1; max-width: 228px;">
        xml
 <i class="deleteicon"></i></li>

</ul>

Now they won't stratify

answered Sep 15 '14 at 13:24

Control Freak

12,965
30
94
145

I cant post images,but tags still drop down my "muted" text,they must strratify on text,but not on each other – Anton Kozlovsky Sep 15 '14 at 13:33
problem solved,i just needed set absolute position to ul and to div with text,thanks) – Anton Kozlovsky Sep 15 '14 at 13:44

position: absolute only for one div

1 Answers1