Log In · Register

 
Div Overlay Problem: Comments Not Visible In Internet Explorer., comments will show up as Id like them to in Firefox but not IE.
p0ison
post May 23 2006, 05:00 PM
Post #1


Newbie
*

Group: Member
Posts: 6
Joined: Feb 2006
Member No: 374,323



Alright well the layout I am working on is here (click).

Here is my code:

QUOTE
ABOUT ME:

<style type="text/css">
.r{;}
.navbar {visibility:visible;}
.navbar font {visibility:hidden;}

.Main { position:absolute; left:200px; top:0px; width:800px; left:100px; padding:0px; border:0px; background-color:transparent;}

.interests { position:absolute; left:200px; top:0px; width:800px; left:100px; padding:0px; border:0px; background-color:transparent;}


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, .lightbluetext8, .whitetext7, .whitetext12, .whitetext15, .whitetext7, .whitetext15, .orangetext15, .orangetext, .orangetext2, .whitetext12, .btext, .blacktext15, .blacktext13, .blacktext12, .blacktext12nb, .blacktext10nb, .blacktext7, .blacktext12nb, .blacktext14bu, .spacetext{display:none; visibility:hidden}

table td div div font {visibility:hidden;}

input, textarea, submit{
background-color: transparent;
color: CC4422;
font-family: verdana;
font-size: 9px;
border: 1px inset FFFFFF;
font-weight:bold;}

a.navbar {visibility:hidden}
a:link.navbar {visibility:hidden}

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:0;}
td.text td.text table table br {display:inline;}
hidethem {visibility:hidden; display:none;}





body {font-family:verdana; font-size:10pt}
a, a:link,a:active,a:visited{font-family:verdana; font-size:7pt; line-height:8pt; color:CA2D18;text-decoration:none; text-transform:uppercase}
a:hover{background-color:ffffff; font-family:verdana; font-size:7pt; line-height:8pt; color:1C5D17;}
table {background-color:transparent; border:0px;}
table table{background-color:transparent; border:0px;}
table table table{background-color:transparent; width:5px; border:none}
table table table table table table {width:630px; border:0px;}

.blacktext10 {font-family:verdana; font-weight:bold; font-size:7pt; text-transform:uppercase; color:689353;}

tr, td{background-color:transparent; border:0px; font-family:verdana; color:F06622; font-size:7pt; font-weight:bold}

green{font-family:verdana; font-size:10px; color: 1C5D17; line-spacing:2px}
yellow{font-family:verdana; font-size:10px; color: BDA93D; line-spacing:2px}
orange{font-family:verdana; font-size:10px; color: D14B1F}

</style>


<style type=text/css>
.comments {width:630px; overflow: none;}
.comments table {background-color: transparent;}
.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>

<style> body{ background-image: url('http://img285.imageshack.us/img285/8821/testbg5vo.png');} </style> <DIV class="Main"> <table style="width:800px; height:600px; cellpadding:0px; cellspacing:0px; border:0px solid silver; background-color-image:url('http://img480.imageshack.us/img480/1078/testbg1mg.png');}"> <tr> <td valign="top"> <img src="http://img528.imageshack.us/img528/6908/ebspace0wo.png"> </td> </tr> </table> </DIV>


QUOTE
WHO I'D LIKE TO MEET

<div style="position:absolute; top:213px; left:220px; height:28px; width:200px"><marquee>
<img src="http://img.photobucket.com/albums/v433/p0ison/beane.jpg">
<img src="http://img.photobucket.com/albums/v433/p0ison/chayse.jpg">
<img src="http://img.photobucket.com/albums/v433/p0ison/jason.jpg">
<img src="http://img.photobucket.com/albums/v433/p0ison/sarah.jpg">
<img src="http://img.photobucket.com/albums/v433/p0ison/vegas.jpg">
</marquee.
</div>


<div style="position:absolute; top:405px; left:557px; height:15px; width:200px">
<FORM>
<SELECT STYLE="background-color:77B0E8; color: FFFFFF; font-size: 10px; font-family: Verdana">
<OPTION SELECTED> - - M U S I C - - </option>
<OPTION>Billy Talent</option>
<OPTION>Crappy Emo music</option>
<OPTION>Stuff 3</option>
<OPTION>Stuff 4</option>
<OPTION>Stuff 5</option>
</SELECT>
</FORM>
</div>



<div style="position:absolute; top:435px; left:557px; height:15px; width:200px">
<FORM>
<SELECT STYLE="background-color:84C8E8; color: FFFFFF; font-size: 10px; font-family: Verdana">
<OPTION SELECTED> - - M O V I E S - - </option>
<OPTION>Movie 1</option>
<OPTION>Movie 2</option>
<OPTION>Stuff 3</option>
<OPTION>Stuff 4</option>
<OPTION>Stuff 5</option>
</SELECT>
</FORM>
</div>



<div style="position:absolute; top:465px; left:557px; height:15px; width:200px">
<FORM>
<SELECT STYLE="background-color:7FCBDC; color: FFFFFF; font-size: 10px; font-family: Verdana">
<OPTION SELECTED>- I N T E R E S T S -</option>
<OPTION>Movie 1</option>
<OPTION>Movie 2</option>
<OPTION>Stuff 3</option>
<OPTION>Stuff 4</option>
<OPTION>Stuff 5</option>
</SELECT>
</FORM>
</div>



<div style="position:absolute; top:495px; left:557px; height:15px; width:200px">
<FORM>
<SELECT STYLE="background-color:73CBC2; color: FFFFFF; font-size: 10px; font-family: Verdana">
<OPTION SELECTED>- T E L E V I S I O N -</option>
<OPTION>show 1</option>
<OPTION>Movie 2</option>
<OPTION>Stuff 3</option>
<OPTION>Stuff 4</option>
<OPTION>Stuff 5</option>
</SELECT>
</FORM>
</div>

<div class="comments" style="overflow:auto; width: 640px; position: absolute; top:735px; left:190px"><center><table><table><tbody><tr><td><table></center></div>


If anyone can figure this out I will be SO greatful.

As I said, It looks the way I want it to look in Firefox but I went to check it in IE and the comments simply aren't showing up.

I realize the code is a bit sloppy.. I tried to clean it up as best I could.
 

Posts in this topic


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