Log In · Register

 
LAYOUT LOOKS GREAT ON IE BUT COMPLETELY MESSED UP ON FIREFOX ?!!!
NameIsCandy
post Oct 31 2008, 01:34 PM
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
 

Posts in this topic


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