Log In · Register

 
Comment DIV (I couldn't find the answer), Problems with div overlay order...
Modest Brown Guy
post Apr 16 2006, 01:19 PM
Post #1


Member
**

Group: Member
Posts: 10
Joined: Jan 2006
Member No: 349,702



I'm sorry if this has been asked before, but I couldn't find it. My problem is having my comment div appearing over my main div that hides everything. I've tried switching the sets of codes around, but I can't get my comment div to be on top! Code is here if you want to find my problem:

ABOUT ME:
<Style type="text/css"> body{ background-color:6E4E2A; } Table, Td{ background-color:transparent; } </Style> <style type="text/css"> .Main { position:absolute; left:40%; top:150px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;} </style> <style type=text/css> .comments {width:..px; overflow: none;} .comments table {background-color: transparent;margin-top: -3px;} .comments td {font-color: FFFFFF; font-size: 11px; font-family: tahoma;} table table td.text table td.text tbody table tbody td table td {display: none;} td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;} td.text td.text table {background-color:transparent;} td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;} td.text td.text table table td {padding:3;} td.text td.text table table br {display:inline;} td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;} </style>


I'D LIKE TO MEET:
<DIV class="Main"> <table style="width:1100px; height:1100px; cellpadding:0px; cellspacing:0px; border:0px solid silver; background-color:transparent;}"> <tr> <td valign="top"></td> <img src=" http://home.comcast.net/~pilotinrcp1/backg...4.png"> </tr> </table> </DIV> <div class="comments" style="overflow:auto; width: 400px; height:300px; position: absolute; top:1100px; margin-left: 100px;"><center><table><table><tbody><tr><td><table></center></div>
 
 
Start new topic
Replies
Jane Doe.
post Apr 17 2006, 12:34 AM
Post #2


Senior Member
******

Group: Member
Posts: 2,534
Joined: Jul 2005
Member No: 170,127



^ Don't do that...
I don't want to have to say "no spamming!" "verbal warning!11" or something.
---
Try giving the comment DIV a z-index.
Like..
.comments { z-index: 1;}
.main{z-index: 0;}

So that it shows up over the DIV. Just make sure that the comment z-index is higher than the main DIV's..
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: