DIV Overlay IE6-7 Trouble, Looks fine in FF and Safari |
DIV Overlay IE6-7 Trouble, Looks fine in FF and Safari |
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. |
|
|
|
![]() ![]() |