making layout viewable for both IE and Firefox |
making layout viewable for both IE and Firefox |
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 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> |
|
|
|
clareybear making layout viewable for both IE and Firefox Jan 15 2007, 10:44 PM
Quarantine. In Firefox for me, it's transparent. Just misa... Jan 15 2007, 10:47 PM
toyo loco Try not using margin-left, just left for your divs... Jan 15 2007, 11:02 PM![]() ![]() |