0

The following is my html code. This code contains one absolute div. The div with id "mydiv" is an absolute div. Only half of the absolute div is being displayed. I want the div on top of all elements and fully displayed. What could be the problem? Even after specifying z index to 20,000 it is stillbeing half displayed.
Thanks in advance.

<html>
<head>

</head>
<body>
    <div  style="overflow:hidden;margin-top:22px;position:relative;">
                        <div style="float:left;height:100px;" class="label libLabel" >
                            jhjhjhhjhlhlll                      
                        </div>
                        <div style="float:left;position:relative;">
                            <div>
                                <textarea rows="2" cols="70" name="book.allTags" onkeyup="displayAvailableTags(this)"></textarea>
                            </div>
                            <div style="font-size: 15px;height:30px;"></div>
                            <div id="mydiv" class="label" style="position:absolute;left:50px;width:200px;height:100px;z-index:20000;border:4px solid #C85D25;">I am here,i am here</div>
                        </div>
                    </div>
                </div>

                <div style="width:990px;text-align: center;padding-bottom: 20px;" >              
                    <input class="nextButton" type="button" Value="Save" onclick="disableAndsubmit(this,'addBook.mms?&MODE=NEW')"/>
                </div>

</body>
</html>
2
Contributors
1
Reply
9
Views
3 Years
Discussion Span
Last Post by JorgeM
0

The style that is affecting your div is overflow:hidden. I'm not clear on what you are trying to accomplish so i'm not sure how to advise you.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.