LAYOUT LOOKS GREAT ON IE BUT COMPLETELY MESSED UP ON FIREFOX ?!!! |
LAYOUT LOOKS GREAT ON IE BUT COMPLETELY MESSED UP ON FIREFOX ?!!! |
![]()
Post
#1
|
|
Newbie ![]() Group: Member Posts: 1 Joined: Oct 2008 Member No: 694,823 ![]() |
[font="Tahoma"][/font]I'm sooo agitated.
My code worked perfectly on Internet Explorer but for some reason looks horrible on firefox, can you pleaseee help. Here's the code; About me I pasted.. CODE <p><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><div class="bg" style="position: absolute; left:100px; top:180px; width:900px; height:1341px; overflow: hidden;"> <img src="http://cbimg6.com/layouts/08/09/31097aa.jpg" align="center" /> </div> {sets the default style for the body, table data, list data, divisions and text areas} body,table, td, li, p, div, textarea {font:normal 11px tahoma; color: 361137; font-weight:none; border:0px; text-transform: none; line-height:12px;} {class for the basic font for the page} .text {font:normal 11px tahoma; color: 361137; font-weight:none; border:0px; text-transform: none; line-height:12px;} <style> body { scrollbar-arrow-color:c1311e; scrollbar-track-color: c1c2b0; scrollbar-shadow-color: c1c2b0; scrollbar-face-color:a8aa98; scrollbar-highlight-color:c1c2b0; scrollbar-darkshadow-color:c1c2b0; scrollbar-3dlight-color:c1c2b0; overflow-x:hidden; background-color: c1c2b0; background-repeat:repeat-all; } .cage1 { position: absolute; z-index:3; height:134px; width:97px; left:657; top:1233; } .home { display: block; overflow:hidden; height:134px; width:97px; background-COLOR:transparent; background: url('http://cbimg6.com/layouts/08/09/31097ab.jpg'); background-position:top left; background-repeat: no-repeat; } .home:hover { background-position: bottom left; border:none; background-color:transparent; } .cage2 { position: absolute; z-index:3; height:239px; width:128px; left:754; top:1283; } .message{ display: block; overflow:hidden; height:239px; width:128px; background-COLOR:transparent; background: url('http://cbimg6.com/layouts/08/09/31097ac.jpg'); background-position:top left; background-repeat: no-repeat; } .message:hover { background-position: bottom left; border:none; background-color:transparent; } .cage3 { position: absolute; z-index:3; height:252px; width:165px; left:835; top:955; } .add{ display: block; overflow:hidden; height:252px; width:165px; background-COLOR:transparent; background: url('http://cbimg6.com/layouts/08/09/31097ad.jpg'); background-position:top left; background-repeat: no-repeat; } .add:hover { background-position: bottom left; border:none; background-color:transparent; } .cage4 { position: absolute; z-index:3; height:161px; width:117px; left:114; top:1100; } .comment{ display: block; overflow:hidden; height:161px; width:117px; background-COLOR:transparent; background: url('http://cbimg6.com/layouts/08/09/31097ae.jpg'); background-position:top left; background-repeat: no-repeat; } .comment:hover { background-position: bottom left; border:none; background-color:transparent; } .cage5 { position: absolute; z-index:3; height:145px; width:115px; left:237; top:1032; } .storm{ display: block; overflow:hidden; height:145px; width:115px; background-COLOR:transparent; background: url('http://cbimg6.com/layouts/08/09/31097af.jpg'); background-position:top left; background-repeat: no-repeat; } .storm:hover { background-position: bottom left; border:none; background-color:transparent; } a.nav:link,a.nav:active,a.nav:visited{ padding:4px; color:fff; font-size:10px; text-indent:10px; font-weight:normal; letter-spacing:1.5px; font-family:georgia; text-decoration:none; text-transform:uppercase; line-height:10px; display:block; border-top: 0px solid; border-left: 0px solid; border-bottom: 2px solid; border-right: 0px solid; border-color: b1665c; background-color: afb09e; text-align: center; } a.nav:hover{ padding:4px; color:fff; font-size:10px; text-align: center; text-indent:10px; font-weight:normal; letter-spacing:1.5px; font-family:georgia; text-decoration:none; text-transform:uppercase; border-right: 0px solid; border-top: 0px solid; border-left: 0px solid; border-bottom: 1px solid; border-color: 4e0000; background-color: b1665c; line-height:10px; display:block; } a:link img {filter:alpha(opacity=40);}a:visited img {filter:alpha(opacity=40);}a:hover img {filter:none;} background-COLOR:transparent; background: url(http://cbimg6.com/layouts/08/09/31097ab.jpg'); background-position:top left; background-repeat: no-repeat; } .homecage:hover { background-position: bottom left; border:none; background-color:transparent; } .{hiding the bottom links} table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;} .{removes top links only} div table form tr td {visibility:hidden!important; height:0px!important;} {bolded words} .standard b, p b, B, strong { color: 82130a; font-weight:none;border:0px; text-transform: none; } i,em{ background-color: transparent; color: 44495a; letter-spacing:0pt; font-weight:normal; } u{ background-color: transparent; color: b69a54; letter-spacing:0pt; font-weight:normal; } s, strike { background-color: transparent; color: b46a60; letter-spacing:0pt; font-weight:normal; } blockquote{ background-color: a6a896;} {Default Links} a:link, a.man{font-family: times new roman; font-size:13px; color:b76057; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;} a:active{font-family:times new roman; font-size:12px; color:b76057; font-weight:none;border:0px; text-transform: none;} a:visited{font-family:times new roman; font-size:13px; color:b76057; font-weight:none;border:0px; text-transform: none;} a:hover{font-family:tahoma; font-size:11px; color:f5f5f5; font-weight:none;border:0px; text-transform: none; background-color: b76057;} .mainframe{ font:normal 13px times new roman; line-height: 14px; color: 4c4d40; background-color:transparent; padding:5px; text-align:none; width:239px; height:350px; overflow:auto; position : absolute; z-index:2; left: 0%; top: 0%; margin-left: 384px; margin-top: 1060px; scrollbar-arrow-color:996e37; scrollbar-track-color:c1c2b0; scrollbar-shadow-color:c1c2b0; scrollbar-face-color:a8aa98; scrollbar-highlight-color:c1c2b0; scrollbar-darkshadow-color:c1c2b0; scrollbar-3dlight-color:c1c2b0; } H1{ width: auto; height: 55px; background-color: transparent; background-image:url('http://cbimg6.com/layouts/08/09/31097ag.png'); background-position:left; background-repeat:no-repeat; font-size: 18px; color:f1f1ec; font-weight: none; font-variant: none; letter-spacing: 12px; font-family: times new roman; text-align: center; padding-left:4px; padding-top:25px; padding-right:4px; margin-top:10px; margin-left: 4px; margin-right: 4px; margin-bottom: 0px; text-transform: uppercase; } H1:first-letter { color:f0f3c3; } .aquarius{ font:normal 16px ; font-family: Monotype corsiva; line-height: 14px; color: 36372b; background-color: transparent; padding: ; text-align:left; width:170px; height:100; overflow-x:hidden; position : absolute; z-index:2; left: 0%; top: 0%; margin-left: 131px; margin-top: 1320px; } <style> .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12, btext,.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} 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;} </style> </div> In the who I'd like to meet I pasted... CODE I've met them once. & wouldn't mind doing that a few more times. =) <img src="http://i36.tinypic.com/34nfsjr.jpg" border="0" alt="" /> <div class="cage1"> <a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZTE0Lm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXI=" class="home"></a></div> <div class="cage2"> <a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9MzE1NTUyNjEw" class="message"></a></div> <div class="cage3"> <a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0zMTU1NTI2MTA=" class="add"></a></div> <div class="cage4"> <a href="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&FriendID=315552610" target="_blank" class="comment"></a></div> </div> <div class="mainframe"> <h1>About</h1> <b>bold</b><br /><br />I'm Candy. I'm unusual. I'm funny. I live to see a bigger and brighter future. I live to love,to travel, and to experience. You'll like me. <br /><blockquote>The whole world can just go to hell, for all I care tonight.</blockquote> <h1> Links </h1> <a href="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&FriendID=315552610" class="nav">View Comments</a> <a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZTEwLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld2Zy WVuZHMmZnJpZW5kSUQ9MzE1NTUyNjEw" class="nav">View Friends</a> <a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTMxNTU1MjYxMA==" class="nav">Block</a> <h1> Music </h1> I'm definitely loving Tokio Hotel the most. Also, Rock Dance Alternative Pop Foreign. </object> </div> <div class="aquarius"> <marquee> <a href="http://myspace.com/276585137"><img src="http://i36.tinypic.com/jt1dap.jpg" border="0" /></a> </div> I'm not an expert at HTML but I can't figure out what's wrong.. Thanks! Here's my link BTW www.myspace.com/candydna
Reason for edit: Please use [codebox] tags when posting codes. - Mike
|
|
|
![]() ![]() |