Log In · Register

 
Layout looks right in Firefox, but NOT in IE
sftekboy
post Mar 23 2008, 11:43 AM
Post #1


Newbie
*

Group: Member
Posts: 2
Joined: Feb 2008
Member No: 620,508



the boxes on the right side doesn't display correctly in IE
this is the site http://www.myspace.com/laughaholic94
thanks in advance for your help.


Here is my code:
<style>
.katamari Section Manager
{ http://abrax.us/Katamari/SectionManager.php }
.friendsComments .orangetext15 {display:block; height:100%;}
.friendsComments td.text table {width:100%;}
.friendsComments td.text .orangetext15 {display:none;}
.friendsComments table {border:0px;}
.friendsComments table {background-color:transparent;}
.friendsComments td.text td b {display:none;}
.friendsComments td.text td td b {display:inline;}
.friendsComments td.text td a {display:none;}
.friendsComments td.text td td a {display:inline;}
.friendsComments td.text .columnsWidening embed, .friendsComments td.text .columnsWidening object {width:260px; height:213px;}
.friendsComments td.text .columnsWidening img {width:300px;}
.friendsComments td.text b {display:block;}
.friendsComments td.text td td b {display:inline;}
.friendsComments td.text td b a, .friendsComments td.text td td a {display:inline;}
</style>

<style> .katamari Left Column Generator { http://abrax.us/Katamari/LeftColumnGen.php }
.profileInfo {display:none;}
.contactTable {display:none;}
.UserProfileURL {display:none;}
embed, object {filter:alpha(opacity=0.1); opacity:0.01; -khtml-opacity:0.01;}
.a {unhide other embeds including video slider}
td td td td embed, td td td object,
td.text embed, td.text object {filter:none; opacity:none; -khtml-opacity:none;}
.interestsAndDetails {margin-top:-90px;}
.interestsAndDetails {display:none;}
</style>

<style> .katamari background generator 2.0
{ http://abrax.us/Katamari/BackgroundGen.php }
body {background-image:url(http://img169.imageshack.us/img169/8075/sanfrancy3.jpg); background-position:bottom left; background-repeat:no-repeat; background-attachment:fixed; }
table, tr, td {background-color: transparent; border:0px; }
div table {background-color: transparent;}
td td td {background-color: transparent;}
.bodyContent {background-color: 257CD9!important;}
</style>

<style>.Katamari Right Column Gen 2.0
{ http://abrax.us/Katamari/RightColumnGen.php }
.FriendsComments table table {display:none;}
.friendsComments td {height:0px;}
.FriendsComments td {background-color:transparent;}
</style>

<style>
.katamari Section Manager
{ http://abrax.us/Katamari/SectionManager.php }
.blurbs td.text {display:none;}
.blurbs td td .orangetext15 {display:none;}
</style>


<style>
.katamari Section Manager
{ http://abrax.us/Katamari/SectionManager.php }
div table div form {display:none !important}
.bodyContent table table div form {display:inline !important;}
.navigationBar {display:none;}
</style>


<style>
.katamari Section Manager
{ http://abrax.us/Katamari/SectionManager.php }
.userProfileURL {display:none;}
</style>
<style>
.katamari Section Manager
{ http://abrax.us/Katamari/SectionManager.php }
.userProfileDetail {display:none;}
</style>


<style>
.katamari Section Manager
{ http://abrax.us/Katamari/SectionManager.php }
.extendedNetwork {display:none;}
</style>

<style>
.katamari Section Manager
{ http://abrax.us/Katamari/SectionManager.php }
.latestBlogEntry {display:none;}
</style>


<style>
.katamari Section Manager
{ http://abrax.us/Katamari/SectionManager.php }
.friendSpace .redbtext {font-weight:bold;}
.friendSpace td {padding:0px;}
.friendSpace br {display:none;}
.friendSpace td.text td td br {display:inline;}
.friendSpace td.text .orangetext15 {display:none;}
.friendSpace td.text table {background-color:transparent;}
.friendSpace .btext {line-height:22px;}
.friendSpace .btext {display:block; margin-top:-20px;}
.friendSpace td.text div {display:none;}
.friendSpace td.text td td a {visibility:hidden; font-size:0px; letter-spacing:-1000px;}
.friendSpace td.text td td {line-height:0px;}
.friendSpace td.text td td a img {visibility:visible;}
.friendSpace .ImgOnlineNow {display:none;}
</style>


<style type="text/css">
.friendSpace {
position:absolute; left:50%;
top:1000px; margin-left:-210px; background-color: C6E3F5;
z-index:3;}
</style>

<style>
.katamari DIV generator { http://www.abrax.us/Katamari/ContentGen.php }
.katamari {adjust the TOP and MARGIN-LEFT to position it}
.DivBoxL1 {width:202; height:150; overflow:auto;}
.DivBoxL1 {z-index:5; position: absolute; left:50%; top:100px; margin-left:-480px;}
.DivBoxL1 {background-color: C6E3F5;}
</style>
<div class="DivBoxL1">
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="203162897" type="hidden"> <textarea name="f_comments" class="zad">ur hot!</textarea><br /><input type="submit" value="yeahboi!" class="button"></form>

<style type="text/css">
textarea.zad {width:202px; height:120px;color:1C1C1C;font-size:7pt;font-family:small fonts;background-image:url(http://img361.imageshack.us/img361/7824/jessicabigje8.png); background-position:top left;
background-color: transparent;background-repeat:no-repeat;font-weight:normal;line-height:10px;border-color:000000; border-style:solid; border-width:0px; letter-spacing:0px;
background-attachment: scroll;padding-left:8px;padding-top:7px;padding-right:104px;padding-bottom:17px;overflow:hidden;}
input.button {width:202px;height:14px;color:ffffff;font-size:5pt;font-family:small fonts;background-color:325D80;
border-color:000000; border-style:solid; border-width:1px; text-transform:uppercase;font-weight:normal;}
</style>
</br>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">Bounce</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9MjAzMTYyODk3">Pics</a></font>
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.uservids&friendID=203162897&n=2">Videos</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnF1aXp5b3VyZnJpZW5kcy5jb20vdGFrZXF1aXoucGhwP3F1aXpuYW1lPTA3MTIy
zA0MDAwNS02OTAyMjk=">Quiz </a>
</center>
</div>
<style>
.katamari DIV generator { http://www.abrax.us/Katamari/ContentGen.php }
.katamari {adjust the TOP and MARGIN-LEFT to position it}
.DivBoxL2 {width:265; height:150; overflow:auto;}
.DivBoxL2 {z-index:5; position: absolute; left:50%; top:330px; margin-left:-500px;}
.DivBoxL2 {background-color: C6E3F5; text-align: left; padding-left: 10px; padding-right: 10px; }
</style>
<div class="DivBoxL2">
<center><br><img src="http://i107.photobucket.com/albums/m310/sftekgrl/MySpace/FatherLoveLetter.jpg">
<br></center>
<br>
<b> My Child </b><br>
You may not know me, but I know everything about you. Psalm 139:1</br> </br>
</br>
Love,</br>
<font size=4>Your Dad</font></br>
<font size=2>Almighty God</font></br></br></br>

<a href="http://www.msplinks.com/MDFodHRwOi8vZmF0aGVyc2xvdmVsZXR0ZXIuY29tL3dlYmludHJvLmh0bWw=">Father’s Love Letter</a>
</br></br>

</center>
</div>

<style>
.katamari DIV generator { http://www.abrax.us/Katamari/ContentGen.php }
.katamari {adjust the TOP and MARGIN-LEFT to position it}
.DivBoxL3 {width:265; height:150; overflow:auto;}
.DivBoxL3 {z-index:5; position: absolute; left:50%; top:500px; margin-left:-500px;}
.DivBoxL3 {background-color: C6E3F5; text-align: left; padding-left: 10px; padding-right: 10px; }
</style>
<div class="DivBoxL3">
<br><center>
<img src="http://i107.photobucket.com/albums/m310/sftekgrl/MySpace/stepstopeace248.jpg"></center>
<br>
Here is how you can recieve Christ: <br>
1. Admit your need (I am a sinner). <br>
2. Be willing to turn from your sins (repent). <br>
3. Believe that Jesus died for you on the Cross and rose from the grave. <br>
4. Through prayer, invite Jesus to come in and control your life through the Holy Spirit. (Receive Him as Lord and Savior.) <br>
<br>
<br>
<br>
</div>

<style>
.katamari DIV generator { http://www.abrax.us/Katamari/ContentGen.php }
.katamari {adjust the TOP and MARGIN-LEFT to position it}
.DivBoxL4 {width:265; height:150; overflow:auto;}
.DivBoxL4 {z-index:5; position: absolute; left:50%; top:670px; margin-left:-500px;}
.DivBoxL4 {background-color: C6E3F5; text-align: left; padding-left: 10px; padding-right: 10px; }
</style>
<div class="DivBoxL4">
<center><br><img src="http://i107.photobucket.com/albums/m310/sftekgrl/MySpace/head_poet_promise.jpg ">
<br></center><br>
Promise yourself to be so strong that nothing can disturb your peace of mind. <br>
<br>
To talk health, happiness, and prosperity to every person you meet. <br>
<br>
To make all your friends feel like there is something in them. <br>
<br>
To look at the sunny side of everything and make your optimism come true. <br>
<br>
To think only of the best, to work only for the best, and expect only the best. <br>
<br>
To be just as enthusiastic about the success of others as you are about your own. <br>
<br>
To forget the mistakes of the past and press on the greater achievements of the future. <br>
<br>
To wear a cheerful countenance at all times and give every living person you meet a smile. <br>
<br>
To give so much time to the improvement of yourself that you have no time to criticize others. <br>
<br>
To be too large for worry, too noble for anger, and too strong for fear, and to happy to permit the presence of trouble. <br>
<br>
<br>

</div>


<style>
.katamari DIV generator { http://www.abrax.us/Katamari/ContentGen.php }
.katamari {adjust the TOP and MARGIN-LEFT to position it}
.DivBox7 {width:170; height:105; overflow:auto;}
.DivBox7 {z-index:5; position: absolute; left:50%; top:850px; margin-left:-450px;}
.DivBox7 {background-color: transparent; border=0; text-align: center; padding-left: 10px; padding-right: 10px;}
</style>
<div class="DivBox7">
<center>
<SELECT style="background-color: #000000; color: #FFFFFF; font-family: Arial; font-size: 10px; width: 180px; ">

<OPTION>My 411 </OPTION>
<OPTION> proud christian </OPTION>
<OPTION> living w/ integrity </OPTION>

</SELECT>
<br>
<br>


<SELECT style="background-color: #000000; color: #FFFFFF; font-family: Arial; font-size: 10px; width: 180px; ">

<OPTION>My Commentors</OPTION>
<OPTION>19500th : Harmony</OPTION>
</SELECT>
<br>
<br>


<SELECT style="background-color: #000000; color: #FFFFFF; font-family: Arial; font-size: 10px; width: 180px; ">

<OPTION>♥ Birthday ♥ </OPTION>
<OPTION>♥ JAN BABIES ♥ </OPTION>
<OPTION>01.03.94 Derald </OPTION>
<OPTION>01.07.94 Adam </OPTION>
<OPTION>01.09.94 Debbie </OPTION>
<OPTION>01.13.94 Tyler </OPTION>
</SELECT>
<br><br>

</div>

<style>
.katamari DIV generator { http://www.abrax.us/Katamari/ContentGen.php }
.katamari {adjust the TOP and MARGIN-LEFT to position it}
.DivBoxM1 {width:375; height:110; overflow:auto;}
.DivBoxM1 {z-index:5; position: absolute; left:50%; top:135px; margin-left:-190px;}
.DivBoxM1 {background-color: transparent;}
</style>
<div class="DivBoxM1">
<center>
<img src="http://i107.photobucket.com/albums/m310/sftekgrl/365%20Promises/031808.jpg " border=0;>

</center>
</div>


<style>
.katamari DIV generator { http://www.abrax.us/Katamari/ContentGen.php }
.katamari {adjust the TOP and MARGIN-LEFT to position it}
.DivBoxM2 {width:390; height:365; overflow:auto;}
.DivBoxM2 {z-index:5; position: absolute; left:50%; top:330px; margin-left:-190px;}
.DivBoxM2 {background-color: C6E3F5; text-align: left; padding-left: 10px; padding-right: 10px; }
</style>
<div class="DivBoxM2">
<center>
<font color = steelBLUE ><h1>LIVING A LIFE OF INTEGRITY </font></h1>
</center>
<img src="http://i107.photobucket.com/albums/m310/sftekgrl/MySpace/Sean2.jpg" hspace="5" vspace="5" align=left border=0>

<b>dayna</b>: there’s no 'simply' in what i think about you that you’re complicated, but sometimes easy to understand. You’re nice, and sarcastic in that funny way. you can make a girl like you without trying. i think you’re a really good listener, but you can daze out at times. You’re shy in person and yet SO talkative online. i think you’re a really really really good friend && there..s no other single person in the world that can compare to you.<br><br>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2Qwcmthcm9v" target="_blank"><img src="http://i107.photobucket.com/albums/m310/sftekgrl/MySpace/harmony-2-1-1.jpg " hspace="5" vspace="5" align=right border=0></a>

Helloo! This is <b> Harmony </b> here to talk about ...
<br />
So he's apparently pretty shy in real life, but online, he's well... a totally different person. He can be really nice & talkative online but in person, he's well... a guy. HAHA . No that doesn't mean he's a girl online. ROFL. but you get what I mean right ? A guys guy, a typical guy, whatever way you wanna phrase it. So in conclusion... I guess you can say he has a split personality. If you haven't noticed by now, Sean's very much into <b>integrity</b>. & he <b><u>doesn't lie</u></b> or <i>cheat</i> or do any of that stuff.
When he says he doesn't lie, he really lives by it. He'll always tell the truth, even if the truth hurts. I doubt you'll meet that many people in your life that would have the same quality. <br />
<br />
HAHAHAHA(: <br />

<br /> <br />
01.13.08 <br />
- Harmony <br />
<br><br>

</div>


<style>
.katamari DIV generator { http://www.abrax.us/Katamari/ContentGen.php }
.katamari {adjust the TOP and MARGIN-LEFT to position it}
.DivBoxM4 {width:360; height:184; overflow:auto;}
.DivBoxM4 {z-index:5; position: absolute; left:50%; top:710px; margin-left:-170px;}
.DivBoxM4 {background-color: transparent; }
</style>
<div class="DivBoxM4">
<center>
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTIwMDYyOTcxNCZNeVRva2VuPTQyOGNm
zkwLTlhOWYtNDJkNC1iZjRlLWU1MmFlNmRkOGI0ZQ==" target="_blank"><img src="http://i107.photobucket.com/albums/m310/sftekgrl/MySpace/RachPeng2.jpg" hspace="5" vspace="5" align=right border=0></a>
</div>
<style>
.katamari DIV generator { http://www.abrax.us/Katamari/ContentGen.php }
.katamari {adjust the TOP and MARGIN-LEFT to position it}
.DivBoxM3 {width:1150; height:80; overflow:auto;}
.DivBoxM3 {z-index:5; position: absolute; left:50%; top:250px; margin-left:-550px;}
.DivBoxM3 {background-color: transparent; text-align: left; padding-left: 10px; padding-right: 10px; }
</style>
<div class="DivBoxM3">
<center><b>Click on pic to view write up</b><br> </center>

<a href="http://www.msplinks.com/MDFodHRwOi8vZG9jcy5nb29nbGUuY29tL0RvYz9pZD1kY3c1cXRmZ18zMGZqcg=="><img src="http://i107.photobucket.com/albums/m310/sftekgrl/MySpace/Marisa2.jpg" width = 50; height = 50; align=left border=0></a>


<br>
</div>

<style>
.katamari DIV generator { http://www.abrax.us/Katamari/ContentGen.php }
.katamari {adjust the TOP and MARGIN-LEFT to position it}
.DivBoxR2 {width:138; height:155; overflow:auto;}
.DivBoxR2 {z-index:5; position: absolute; left:50%; top:100px; margin-left:300px;}
.DivBoxR2 {background-color: transparent; border=0;}
</style>
<div class="DivBoxR2">
<center>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmFib3ZldGhlaW5mbHVlbmNlLmNvbQ==" target="_blank"><img src=" http://i107.photobucket.com/albums/m310/sf...uence.jpg" ></a>
</center>
</div>



<style>
.katamari DIV generator { http://www.abrax.us/Katamari/ContentGen.php }
.katamari {adjust the TOP and MARGIN-LEFT to position it}
.DivBoxR3 {width:265; height:150; overflow:auto;}
.DivBoxR3 {z-index:5; position: absolute; left:50%; top:330px; margin-left:247px;}
.DivBoxR3 {background-color: C6E3F5; text-align: left; padding-left: 10px; padding-right: 10px; }
</style>
<div class="DivBoxR3">
<center>
<font color = CRIMSON ><h1>Soccer Player </font></h1>

<b>Top Reasons<br> To Date a Soccer Player*~*</b><br><br></center>
We know how to kick it. <br>
We like to score. <br>
We have the right touch. <br>
<br>
</div>


<style>
.katamari DIV generator { http://www.abrax.us/Katamari/ContentGen.php }
.katamari {adjust the TOP and MARGIN-LEFT to position it}
.DivBoxR4 {width:265; height:150; overflow:auto;}
.DivBoxR4 {z-index:5; position: absolute; left:50%; top:500px; margin-left:247px;}
.DivBoxR4 {background-color: C6E3F5; text-align: left; padding-left: 10px; padding-right: 10px; }
</style>
<div class="DivBoxR4">
<center>
<font color = CRIMSON ><h1>What an Idiot! </font></h1></center>
<b>Idiot #1</b> </br>

I am a medical student currently doing a rotation in toxicology at the poison control center. Today, this woman called in very upset because she caught her little daughter eating ants. </br>
</br>
I quickly reassured her that the ants are not harmful and there would be no need to bring her daughter into the hospital. She calmed down, and at the end of the conversation happened to mention that she gave her daughter some ant poison to eat in order to kill the ants. </br>
</br>
I told her that she better bring her daughter into the Emergency room right away. </br>
</br>
</br>
</div>

<style>
.katamari DIV generator { http://www.abrax.us/Katamari/ContentGen.php }
.katamari {adjust the TOP and MARGIN-LEFT to position it}
.DivBoxR5 {width:265; height:150; overflow:auto;}
.DivBoxR5 {z-index:5; position: absolute; left:50%; top:670px; margin-left:247px;}
.DivBoxR5 {background-color: C6E3F5; text-align: left; padding-left: 10px; padding-right: 10px; }
</style>
<div class="DivBoxR5">
<center>
<font color = CRIMSON ><h1>Listening to: </font></h1>
<b>SOMEBODY’S WATCHING</b><br></center>
<br>

</div>


<style>
.katamari DIV generator { http://www.abrax.us/Katamari/ContentGen.php }
.katamari {adjust the TOP and MARGIN-LEFT to position it}
.DivBoxR6 {width:170; height:170; overflow:auto;}
.DivBoxR6 {z-index:5; position: absolute; left:50%; top:850px; margin-left:300px;}
.DivBoxR6 {background-color: C6E3F5; transparent; border=0; text-align: center; padding-left: 10px; padding-right: 10px;}
</style>
<div class="DivBoxR6">
<br>
<b>My Blogs</b><br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLnZpZXcmZnJpZW5kSUQ9MjAzMTYyODk3JmJsb2dJRD0zNjUwNzM4MDE=">High School Placement</a></br>

<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLnZpZXcmZnJpZW5kSUQ9MjAzMTYyODk3JmJsb2dJRD0zMzM1MDU1NDU=">2006 Fav Convo</a></br>

<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLnZpZXcmZnJpZW5kSUQ9MjAzMTYyODk3JmJsb2dJRD0zMzM1MDUzMzA=">2007 Fav Convo </a></br>

<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLnZpZXcmZnJpZW5kSUQ9MjAzMTYyODk3JmJsb2dJRD0yOTkzMTA0Mzc=">Girlfriend Application</a></br>

<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLnZpZXcmZnJpZW5kSUQ9MjAzMTYyODk3JmJsb2dJRD0zMzY4MTE4NDM=">In Harmony</a></br>

<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLnZpZXcmZnJpZW5kSUQ9MjAzMTYyODk3JmJsb2dJRD0zMTk4NTkyMjE=">Integrity</a></br>
</div>
 
 
Start new topic
Replies (1 - 3)
vintage-toile
post Mar 23 2008, 11:47 AM
Post #2


Kissing for yesterday.
*****

Group: Official Designer
Posts: 465
Joined: Sep 2007
Member No: 569,813



wow this really is messed up.
first of all i've never seen coding like that _unsure.gif
but i think this is just me being a same-old same-old.
to be honest you've got way too many style tags.
you only need one or two wrapped around a load of layers?
i think this code is too confusing.
try a code which works in the about me and i'd like to meet.
with layer tags which match for both.
 
sftekboy
post Mar 23 2008, 12:28 PM
Post #3


Newbie
*

Group: Member
Posts: 2
Joined: Feb 2008
Member No: 620,508



thanks for the input. i'm really new at this so as you can see i don't really know what i'm doing.
 
vintage-toile
post Mar 23 2008, 12:34 PM
Post #4


Kissing for yesterday.
*****

Group: Official Designer
Posts: 465
Joined: Sep 2007
Member No: 569,813



that's asbolutely fine.
i guess i seemed a bit harsh.
to be honest i'd start over if you want a perfect layout, and get a feel of someone else's by looking through the other createblog layouts and working out what they've done.
in one of the myspace help topics (quite recent..) i typed out coding for someone to create a very simple DIV.
did you want this again here?
you can always PM for more detailed help.
 

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