Log In · Register

 
making layout viewable for both IE and Firefox
clareybear
post Jan 15 2007, 10:44 PM
Post #1


claristotle
**

Group: Member
Posts: 20
Joined: Jul 2005
Member No: 179,223



hello! the layout that I made for my myspace seems to only work in IE. Here are the screenshots:




When viewed in Firefox, there is no transparency in my text divs, everything is misaligned, my friends don't show up, my navigation on the right is messed up, my comments are screwed up, etc. There isn't a whole lot that works on my page...haha _smile.gif Is there any way I can make this layout work in both IE and Firefox?? Thank you! Here are the codes for my layout:


About Me:
CODE
<style type="text/css">
body
{scrollbar-face-color:FFFBFF;scrollbar-highlight-color:529EBD;scrollbar-3dlight-color:529EBD;scrollbar-shadow-color:529EBD;scrollbar-darkshadow-color:529EBD;scrollbar-arrow-color:529EBD;scrollbar-track-color:FFFBFF;}

body {background-color:FFFBFF;}

td, li, p, div, li, h1, h2, p, br, a, .textarea, font{font-size:10px; color:000000; font-family:georgia!important;}

.yule{width:102px !important; background-color:transparent !important; text-align:left !important; padding-left:5px !important; border-bottom:1px dashed lavenderblush !important;}
.yule:hover{width:102px !important; background-color:lavenderblush !important; text-align:right !important; border-bottom:1px solid FFFBFF !important; padding-left:5px !important;}
a.yule:active, a.yule:visited, a.yule:link{font-family:georgia !important; font-size:10px !important; color:FFFBFF !important; text-transform:uppercase !important; text-decoration:none !important; font-weight:normal !important; background-color:transparent !important; border-bottom:1px dashed lavenderblush !important;}
a.yule:hover{font-family:georgia !important; font-size:10px !important; color:336699 !important; text-transform:uppercase !important; text-decoration:none !important; font-weight:normal !important; !important; background-color:fffbff !important; border-bottom:1px solid FFFBFF !important;}

a.no:link, a.no:visited, a.no:active {text-decoration:none !important; font-weight:normal !important; background-color:transparent !important; border-bottom:0px dashed lavenderblush !important;}
a:hover {color:transparent !important; text-decoration:none !important; font-weight:normal !important; !important; background-color:transparent !important;}

a:link, a:visited, a:active {font-family:georgia !important; font-size:10px !important; color:FFFBFF !important; text-transform:uppercase !important; text-decoration:none !important; font-weight:normal !important; background-color:transparent !important; border-bottom:1px dashed lavenderblush !important;}
a:hover {font-family:georgia !important; font-size:10px !important; color:336699 !important; text-transform:uppercase !important; text-decoration:none !important; font-weight:normal !important; !important; background-color:fffbff !important;}

a.no img{border-width:0px !important; filter:alpha(opacity=65);}
a.no:hover img{border-width:0px !important; border-style:solid; border-color:transparent !important; background-color:transparent !important!; filter:none !important;}

a img{border-width:3px; border-style:solid; border-color:fff0ff; filter:alpha(opacity=45);}
a:hover img{border-width:3px; border-style:solid; border-color:fff0ff; filter:none !important;}

img{border-width:3px; border-style:solid; border-color:FFFBFF;}

table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.blacktext12,.lightbluetext8,str
ng,.nametext,div b font font,div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
td.text table table {display:inline; visibility:visible;}

.comments{visibility:visible; width:318px; height:167px; position:absolute; top:640px; margin-left:-30px; background-color:transparent !important; z-index:3; direction:rtl; overflow-x: hidden; overflow-y: scroll; filter: Alpha(Opacity=45, FinishOpacity=0); scrollbar-face-color:79B8C6;scrollbar-highlight-color:FFFBFF;scrollbar-3dlight-color:FFFBFF;scrollbar-shadow-color:FFFBFF;scrollbar-darkshadow-color:FFFBFF;scrollbar-arrow-color:FFFBFF;scrollbar-track-color:79B8C6;}


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;}


.yo td td td img {width:185px; max-width:185px; _width:185px !important;}
.yo td td td a img {width:70px; max-width:70px; _width:70px !important; visibility:visible !important;}
.yo td td td div img {width:70px!important;}
.yo td b{visibility:visible !important;}

TD TD {text-align: center;}
TD TD TD {text-align: center;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:right;}
TD TD TD TD TD {border-top: 0px solid black; text-align:justify;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; text-transform: none; width:185px;}
TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE {padding: 0px; text-transform: none;height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
table td div div font {visibili-ty:hidden;di-splay:none;}
table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table table {border: 0px; text-align: justify; padding: 0px;}



.ButtonWhore{background-color:ffffff; border-color:fffbff; border-style:solid; border-width:1px; color:336699; font-size:9pt; font-family:georgia; width:87px; visibility:visible; z-index:3;}

.redbtext, .redtext, font{color:660066; font-family: georgia !important; font-weight:bold; font-size:14px;}

.blacktext10{font-family:small fonts; font-size:9px;  color:000000; border-color:000000; border-width:1px; border-style:solid; display:block; text-transform:uppercase; text-align:right; padding:2px;}

b {font-family:georgia; font-size:15px; color:FF1493; font-weight:normal; text-transform:lowercase;}

i {font-family:georgia; font-size:15px; color:800080; font-weight:normal; letter-spacing:-1px; text-transform:lowercase;}

u {color:F0FFF0; font-family:georgia; font-size:15px; line-height:18px; text-transform:lowercase; font-style:underline; letter-spacing:1px; text-decoration:underline; border-bottom:2px solid saddlebrown;}


</style>


Who I'd Like To Meet:
CODE
<div style="visibility:visible; position:absolute; top:150px; margin-left:-385px; z-index:1; width:584px; height:672px"><img src="http://i12.photobucket.com/albums/a240/thefozz/winter.png"></div>


<div style="visibility:visible; position:absolute; top:350px; margin-left:-350px; z-index:2; width:300px; height:185px; overflow:auto; filter: Alpha(Opacity=45, FinishOpacity=0); scrollbar-face-color:9CC3BD;scrollbar-highlight-color:FFFBFF;scrollbar-3dlight-color:FFFBFF;scrollbar-shadow-color:FFFBFF;scrollbar-darkshadow-color:FFFBFF;scrollbar-arrow-color:FFFBFF;scrollbar-track-color:9CC3BD; direction:rtl; padding:5px; text-align:justify;">Hi, I'm <b>Clare</b>, and I am <i>AWESOME</i>.  No seriously.  I'm kind of a big deal; people know me.  I live in <b>Grand Junction, CO</b>.  If you haven't heard of it, consider yourself lucky.  I attend <u>Mesa State College</u> where I am a senior.  I am a biology major and I plan on being a doctor.  A <i>Forensic Pathologist</i> to be exact.  Yes, that does mean I see <u>dead people</u>.  I'm originally from <i>Denver</i> and I miss living in an actual city.  I'm pretty f**king hilarious, I'm not gonna lie to ya.  <b>Sarcasm</b> and being a <b>smart-ass</b> are the bases of my existence.  I went to Catholic/private school for 13 years.  It was fun.  And no, I do not have any plaid skirts or anything like that so don't ask.  I have a beta fish, and two pet tarantulas.  Yes...<u>tarantulas</u>.  A big Chilean rose-hair and a juvenile Martinique Tree Spider.  They are <b>pimp shit</b> and can kick your dog's ass any day of the week.  I'm single, I'm a pisces, blah blah blah blah...<i>I procrastinate like it's my job</i>.  I am a 21-year old who LOVES <u>Degrassi</u>.  And in no way is that pathetic. I love hanging out with my best friends <i>Nadia</i> and <i>Taylor</i>.  As you can see, I'm pretty into web design.  <b>Music</b> and <b>art</b> are my other passions.  I love all musical genres except country (although I do like some <u>indie-country</u>...is that even a genre?!).  Feel free to contact me, I love talking to new people.  I promise I won't bite...much!  <u>PEACE</u><br><br>all textures came from <a href="http://missm.paperlilies.com/" target="_blank">Miss M</a>, and the pictures up top were taken from Getty.<br><br>
</div>

<div style="visibility:visible; position:absolute; top:354px; margin-left:-45px; z-index:2;"><img src="http://i12.photobucket.com/albums/a240/thefozz/winterme.png"></div>

<div style="visibility:visible !important; position:absolute; top:354px; margin-left:89px; width:102px; z-index:2;"><a href="http://home.myspace.com/index.cfm?fuseaction=user" class="yule">home</a><br><br><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=20916364" class="yule">add</a><br><br><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=20916364" class="yule" target="_blank">message</a><br><Br><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=20916364" class="yule" target="_blank">view more pics</a><center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="20916364">
<textarea name="f_comments" cols="16" rows="3" style="border-width: 1px; border-style: solid; border-color:fffbff; font-family:georgia; font-size:9px; color:fffbff; background-color:transparent;" style="overflow:auto;">comment me.</textarea><br><input type="submit" input class="ButtonWhore" value="submit." border="0"></form></center></div>

<div style="visibility:visible; position:absolute; top:543px; margin-left:-350px; z-index:2; width:300px; height:85px; overflow:auto; filter: Alpha(Opacity=45, FinishOpacity=100); scrollbar-face-color:5AA2C2;scrollbar-highlight-color:FFFBFF;scrollbar-3dlight-color:FFFBFF;scrollbar-shadow-color:FFFBFF;scrollbar-darkshadow-color:FFFBFF;scrollbar-arrow-color:FFFBFF;scrollbar-track-color:5AA2C2; padding:5px; text-align:justify;"><b>BLOGS.</b><br><br><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.view&friendID=20916364&blogID=214919064" target="_blank">apparently I'm a loser (in a completely non-emo way of course!)</a>  (070108)  <br><br><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.view&friendID=20916364&blogID=211572011" target="_blank">If I were a physician...</a>  (061230)<br><Br><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.view&friendID=20916364&blogID=210870349" target="_blank">strange or not strange?</a>  (061228)<br><br>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.view&friendID=20916364&blogID=206084283" target="_blank">home sucks.</a>  (061215)<br><Br>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.view&friendID=20916364&blogID=201778008" target="_blank">whoever said organic chemistry couldn't be fun?!</a>  (061205)<br><Br>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.view&friendID=20916364&blogID=201194505" target="_blank">People Who Hate Homosexuals Are Acting Like Homos</a>  (061203)<br><Br>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.view&friendID=20916364&blogID=195625366" target="_blank">shampoo vs. dishsoap</a>  (061120)<br><Br>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.view&friendID=20916364&blogID=186638306" target="_blank">Your Messy Room and Thermodynamics</a>  (061029)<br><Br>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.view&friendID=20916364&blogID=152940440" target="_blank">brain usage survey...shouldn't be too long :)</a>  (060806)<br><Br></div>

<div style="visibility:visible; position:absolute; top:553px; margin-left:-35px; z-index:2; width:230px; height:85px; overflow:auto;"><center><table border="0" cellpadding="10" cellspacing="5">
<tr>
<td align="center" width="29%"><center><a href="http://fan.innocent-diversions.net/pride/main.html" target="_blank" class="no"><img src="http://i12.photobucket.com/albums/a240/thefozz/pride2.jpg" alt="best book ever!  best A&E special ever!"></a></center></td>
<td align="center" width="42%"><center><a href="http://www.npr.org/" target="_blank" class="no"><img src="http://i12.photobucket.com/albums/a240/thefozz/npr.gif" alt="npr has the most awesome music"></a><br><br><a href="http://bash.org/" target="_blank" class="no"><img src="http://i12.photobucket.com/albums/a240/thefozz/bash.gif" alt="one of THE funniest sites!"></a></center></td>
<td align="center" width="29%"><center><a href="http://www.maxthon.com" target="_blank" class="no"><img src="http://i12.photobucket.com/albums/a240/thefozz/maxthon.gif" alt="f**k firefox...get maxthon!"></a></center></td></tr></table></center></div>

<div style="visibility:visible; position:absolute; top:650px; margin-left:-350px; z-index:2; width:215px; height:215px; padding-left:1px; padding-right:1px; padding-top:1px; padding-bottom:1px;"><marquee width="213" height="71" behavior="alternate" scrolldelay="300"><a href="http://www.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=47097778" target="_blank"><img src="http://i12.photobucket.com/albums/a240/thefozz/taylor.png" alt="Taylor" border="0" height="65px" width="65px"></a><a href="http://www.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=12720965" target="_blank"><img src="http://i12.photobucket.com/albums/a240/thefozz/nadia.png" alt="Nadia" border="0"></a><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=25535300" target="_blank"><img src="http://i12.photobucket.com/albums/a240/thefozz/nat.png" alt="Nat" border="0"></a><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=47724687" target="_blank"><img src="http://i12.photobucket.com/albums/a240/thefozz/SOB.png" border="0"></a></marquee>
<marquee width="213" height="71" behavior="alternate" scrolldelay="300"><a href="http://www.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=21895106" target="_blank"><img src="http://i12.photobucket.com/albums/a240/thefozz/mara.png" alt="Mara" border="0"></a><a href="http://www.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=21220371" target="_blank"><img src="http://i12.photobucket.com/albums/a240/thefozz/paul.png" alt="Paul" border="0"></a><a href="http://www.myspace.com/makeyourselfincredible" target="_blank"><img src="http://i12.photobucket.com/albums/a240/thefozz/timrose.png" height="65px" width="65px"></a><a href="http://www.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=15323695" target="_blank"><img src="http://i12.photobucket.com/albums/a240/thefozz/cameron.png" alt="Cameron" border="0"></a><a href="http://www.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=17176502" target="_blank"><img src="http://i12.photobucket.com/albums/a240/thefozz/tim.png" alt="Tim" border="0"></a></marquee></div>

<div style="position:absolute; visibility:visible !important; top:790px; margin-left:-190px; z-index:2;"><center><embed allowScriptAccess="never" allowNetworking="internal" enableJSURL="false" enableHREF="false" saveEmbedTags="true" src="http://www.myflashfetish.com/myflashfetish-mp3-player.swf?myid=645838&mycolor=0xf0fff0&mycolor2=0xd8bfd8&autoplay=true&rand=1" menu="false" quality="best" scale="noscale" bgcolor="#ffffff" wmode="transparent" width="218" height="155" name="MyFlashFetish.com" align="middle" allowScriptAccess="never" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></center></div>




<div class="yo"><div class="comments"><table><tr><td><table><tr><td>
</center>
</div></div>
 

Posts in this topic


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