Log In · Register

 
DIV Overlay IE6-7 Trouble, Looks fine in FF and Safari
kaje103
post May 2 2008, 12:02 PM
Post #1


Member
**

Group: Member
Posts: 11
Joined: Nov 2005
Member No: 290,034



http://www.myspace.com/kwjohns

In Internet Explorer there are a few things that aren't working for some strange reason.

1. You can't click on the comment text box. However, you can tab a billion times to get the cursor there.
2. The Submit button is hanging off the left side of the button graphic underneath it.
3. The Submit button is only active at the words Submit and not for the full width it is set as.
4. The Flickr icon won't load for some reason causing all the other icons to be pushed down.
5. My address www.myspace.com/kwjohns in the title is being cut off at the bottom and is hanging over the left side of the title area.
6. A random white dot is appearing in the title area above the Message link.

All of these things only occur in IE. Firefox and Safari the profile looks and works fine.

About me:

CODE
<style>
body div table td form img{display:none!important;}
</style>

<style>

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

</style>

<style>
td td embed, td td object { position: absolute; top: 495px; left: 335px; }
td td td embed, td td td object { position: static !important; }
</style>

<style>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
bte
xt,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table
table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td
font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text
table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table
td.text{visibility:visible;}

body {
background-color: transparent;
background-image: url("http://pages.suddenlink.net/kwjohns/myspace/21902aa.png");
background-position: top left;
background-repeat: repeat;
border-style: none;}

a img { border: 0; }

.layout {
background-color: transparent;
overflow:hidden;
position:absolute;
left:100;
top:180;
text-align:left;
visibility:visible;}

.cont {
background-color:transparent;
color: 000000;
width: 320px;
height: 185px;
position: absolute;
left:314px;
top:375px;
text-align:left;
visibility:visible;
line-height: 18px;
overflow:auto;
scrollbar-face-color:dadada;
scrollbar-highlight-color:dadada;
scrollbar-3dlight-color:dadada;
scrollbar-darkshadow-color:dadada;
scrollbar-shadow-color:dadada;
scrollbar-arrow-color:000000;
scrollbar-track-color:dadada;}

.basics {
background-color:transparent;
color: 000000;
width: 176px;
height: 137px;
position: absolute;
left:125px;
top:375px;
text-align:left;
visibility:visible;
line-height: 18px;
overflow:auto;}

.frnd {
background-color:transparent;
width: 111px;
height: 180px;
position: absolute;
left:125px;
top:560px;
text-align:left;
visibility:visible;
line-height: 16px;
overflow:auto;}



.comment {
background-color:transparent;
width: 210px;
height: 179px;
position: absolute;
left:546px;
top:562px;
text-align:left;
visibility:visible;
line-height: 14px;
overflow:auto;}

.comments {
background-color:transparent;
width: 111px;
height: 148px;
position: absolute;
left:570px;
top:723px;
text-align:left;
visibility:visible;
line-height: 16px;
overflow:auto;
font-family:tahoma;
font-size:12pt;
color: FFFFFF;
text-decoration:none;
font-weight:normal;
line-height: 10px;}

.title1  {
background-color:transparent;
width:500px;
position: absolute;
left:120px;
top:210px;
text-align:left;
visibility:visible;
overflow:hidden;}

.title2  {
background-color:transparent;
height:40px;
color: 4491bd;
position: absolute;
left:110px;
top:260px;
text-align:left;
visibility:visible;
overflow:hidden;}

.social  {
background-color:transparent;
height:30px;
color: 4491bd;
position: absolute;
left:124px;
top:510px;
text-align:left;
visibility:visible;
overflow:hidden;}

.contactTable {display: none;}
font, body, table, td, div, h1, h2, br, a, p {font-family:tahoma; font-size: 12pt;
color:000000; text-decoration:; font-weight:; line-height:
10px;}
.orangetext15 {font-family:tahoma; font-size:12pt; color:FFFFFF; text-decoration:none; font-weight:normal; line-height: 10px;}
.whitetext12 {font-family:tahoma; font-size:12pt; color:FFFFFF; text-decoration:none; font-weight:normal; line-height: 10px;}
.lightbluetext8 {font-family:tahoma; font-size:12pt; color:FFFFFF; text-decoration:none; font-weight:bold; line-height: 10px;}
.text {font-family:tahoma; font-size:12pt; color:FFFFFF;
text-decoration:none; font-weight:normal; line-height: 10px;}
.nametext {font-family:tahoma; font-size:12pt; color:FFFFFF; text-decoration:none; font-weight:normal; line-height: 10px;}
.blacktext12 {font-family:tahoma; font-size:12pt; color:FFFFFF; text-decoration:none; font-weight:normal; line-height: 10px;}
.blacktext10 {font-family:tahoma; font-size:12pt; color:FFFFFF; text-decoration:none; font-weight:normal; line-height: 10px;}
.btext {font-family:tahoma; font-size:12pt; color:FFFFFF;
text-decoration:none; font-weight:normal; line-height: 10px;}
.redtext {font-family:tahoma; font-size:12pt; color:FFFFFF;
text-decoration:none; font-weight:normal; line-height: 10px;}
.redbtext {font-family:tahoma; font-size:12pt; color:FFFFFF; text-decoration:none; font-weight:normal; line-height: 10px;}

a.class1:link, a.class1:active, a.class1:visited {
background-color: transparent;
color:FFFFFF;
font-family:arial;
font-size:10pt;
text-align:left;
text-transform:none;
text-decoration: none;
line-height:16px;}

a.class1:hover {
background-color: transparent;
color:4491bd;
font-family:arial;
font-size:10pt;
text-align:left;
text-transform:none;
text-decoration: none;
line-height:16px;}

.lnk1{
width: 42px;
height: 44px;
background-color:transparent;
hidden;
background: url(http://pages.suddenlink.net/kwjohns/myspace/21902ab.png) bottom center no-repeat;
display: block;}

.lnk1:hover{
background-position: top center;}

.nav1{
background-color:transparent;
width: 42px;
height: 44px;
position:absolute;
left:238px;
top:302px;
overflow: hidden;}

.lnk2{
width: 28px;
height: 44px;
background-color:transparent;
hidden;
background: url(http://pages.suddenlink.net/kwjohns/myspace/21902ac.png) bottom center no-repeat;
display: block;}

.lnk2:hover{
background-position: top center;}

.nav2{
background-color:transparent;
width: 28px;
height: 44px;
position:absolute;
left:320px;
top:302px;
overflow: hidden;}

.lnk3{
width: 60px;
height: 44px;
background-color:transparent;
hidden;
background: url(http://pages.suddenlink.net/kwjohns/myspace/21902ad.png) bottom center no-repeat;
display: block;}

.lnk3:hover{
background-position: top center;}

.nav3{
background-color:transparent;
width: 60px;
height: 44px;
position:absolute;
left:390px;
top:302px;
overflow: hidden;}

.lnk4{
width: 68px;
height: 44px;
background-color:transparent;
hidden;
background: url(http://pages.suddenlink.net/kwjohns/myspace/21902ae.png) bottom center no-repeat;
display: block;}

.lnk4:hover{
background-position: top center;}

.nav4{
background-color:transparent;
width: 68px;
height: 44px;
position:absolute;
left:490px;
top:302px;
overflow: hidden;}

.lnk5{
width: 32px;
height: 44px;
background-color:transparent;
hidden;
background: url(http://pages.suddenlink.net/kwjohns/myspace/21902af.png) bottom center no-repeat;
display: block;}

.lnk5:hover{
background-position: top center;}

.nav5{
background-color:transparent;
width: 32px;
height: 44px;
position:absolute;
left:598px;
top:302px;
overflow: hidden;}

h1 {
font: 22pt "arial";
color: FFFFFF;
text-align: left;
letter-spacing: 0px;
text-transform: none;}

</style>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="0" width="0" border="0" data="http://www.myspacelog.com/logger.asp?myspaceid=4182757">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.myspacelog.com/logger.asp?myspaceid=4182757" />
</object>


I'd like to meet:

CODE
<div class="layout">
<img src="http://pages.suddenlink.net/kwjohns/myspace/21902ag.png" align="center" />
</div>

<div class="title1">
<h1>KaJe</h1>
</div>

<div class="title2">
www.myspace.com/kwjohns
</div>

<div class="social">
<a href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20va2FqZQ=="><img src="http://twitter.com/favicon.ico"></a> <a href="http://www.msplinks.com/MDFodHRwOi8vcG93bmNlLmNvbS9rYWplLw=="><img src="http://pownce.com/img/favicon.ico" border="0"></a> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wcm9maWxlLnBocD9pZD0xNzEwNzUxMg=="><img src="http://www.facebook.com/favicon.ico" border="0"></a> <a href="http://www.msplinks.com/MDFodHRwOi8vZGlnZy5jb20vdXNlcnMva2FqZQ=="><img src="http://digg.com/favicon.ico" border="0"></a> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmxpbmtlZGluLmNvbS9pbi9rd2pvaG5zb24="><img src="http://www.linkedin.com/favicon.ico" border="0"></a> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZsaWNrci5jb20vcGhvdG9zL2t3am9obnM="><img src="http://www.flickr.com/favicon.ico" border="0"></a> <a href="http://www.msplinks.com/MDFodHRwOi8veW91dHViZS5jb20va3dqb2hucw=="><img src="http://www.youtube.com/favicon.ico" border="0"></a>
</div>


<div class="cont"><br />
- PC Technician<br />
- OSU Graduate<br />
- Geek<br />
- Sports Fanatic<br />
- Apple/Mac Zealot<br />
- Gamer<br />
</div>

<div class="cont" style="text-align: center; margin-left: auto; visibility:visible; left:235px; top:562px; width:310;">
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="156" width="310" style="width:310px; visibility:visible; height:156px;" border="0" data="http://www.myplaylist.org/mc/mp3player-othersite.swf?config=http://www.myplaylist.org/mc/config/config_black_shuffle.xml&mywidth=310&myheight=156&playlist_url=http://www.myplaylist.org/loadplaylist.php?playlist=27990411">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.myplaylist.org/mc/mp3player-othersite.swf?config=http://www.myplaylist.org/mc/config/config_black_shuffle.xml&mywidth=310&myheight=156&playlist_url=http://www.myplaylist.org/loadplaylist.php?playlist=27990411" />
  <param name="menu" value="false" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
</object></div>

<div class="comment">
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="4182757" type="hidden" />
<textarea name="f_comments" class="vfcbox" style="height:137px; width: 168px; font-family: arial;  font-size: 10pt; line-height: 14px; border-color: 000000; background-color: transparent; letter-spacing:0px; color: FFFFFF; border-width: 0px">
</textarea><br />
<input type="submit" value="Submit" class="vfclick" style="height: 16px; width: 175px; background-color: transparent; color: FFFFFF; font-family: arial;  font-size:9pt; text-align: left; border-color: 000000; border-style: solid; border-width:0px" /></form>
</center>
</div>

<div class="basics"><br />
<b>name:</b> Kyle Johnson<br />
<b>age:</b> 24<br />
<b>gender:</b> Male<br />
<b>location:</b> Stillwater, OK<br />
<b>status:</b> Taken<br />
<b>zodiac:</b> Capricorn<br />
</div>

<div class="frnd">
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTIyNTE5MDUy" class="class1">Nicki</a><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTQ5NTgxMDY4" class="class1">Thomp</a><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTE1NjM1NjEyMw==" class="class1">Jerm</a><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTU1OTE3MDE2" class="class1">Gary</a><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTUwMzU2MTc3Jk15VG9rZW49ZDE2Y2I3
DgtYjI1NC00YjRiLTkyN2QtYmJiOWJmNjcxY2Q0" class="class1">Kary</a><br /> <a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTU1NTQzNDE3Jk15VG9rZW49ZDE2Y2I3
DgtYjI1NC00YjRiLTkyN2QtYmJiOWJmNjcxY2Q0" class="class1">April</a><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTIwMDUzMzY5MCZNeVRva2VuPWQxNmNi
zg4LWIyNTQtNGI0Yi05MjdkLWJiYjliZjY3MWNkNA==" class="class1">Lindsay</a><br /> <a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTE5MjczNDYzJk15VG9rZW49ZDE2Y2I3
DgtYjI1NC00YjRiLTkyN2QtYmJiOWJmNjcxY2Q0" class="class1">Mei Li</a><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTY1MjkwNjA1" class="class1">Shannon</a><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTEwODMxNDk5" class="class1">Robert</a><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTU1OTQ3Nzgw" class="class1">Sierra</a>


</div>

<div class="comments"><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD00MTgyNzU3" class="class1">view all</a></div>

<div class="nav1">
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="lnk1">
</div>

<div class="nav2">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTQxODI3NTc=" class="lnk2">
</div>

<div class="nav3">
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD00MTgyNzU3" class="lnk3">
</div>

<div class="nav4">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00MTgyNzU3Jk15VG9rZW49MGVhM2IyMGItZTJiNS00YTAyLThiYTMtMTdjMzZmM
M3ZTFm" class="lnk4">
</div>

<div class="nav5">
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9NDE4Mjc1Nw==" class="lnk5">
</div>


Any help would be greatly appreciated! I'm kind of a CSS noob.
 

Posts in this topic
kaje103   DIV Overlay IE6-7 Trouble   May 2 2008, 12:02 PM


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