Div Layout is playing up on my MAC Options

[mizt]

Hi everyone,

Really hope you can help. I'm really into my graphics but still learning about codes and all of the DIV stuff so not very tech minded. I'm putting together a DIV Myspae Layout for a band and it's looking great on my PC using Explorer but not so hot on my MAC. It's not recognising any of my CSS Styling I think?! Wheras Explorer makes my background black and my scrolers blue as I think my code states, Safari on the MAC just ignores it. Everything inside my DIV box is perfect but out side of it looks as was. Any ideas I will pop the code up but beware ths is all copied code that I have adjusted so it's bound to be terrible!! If anyone has a MAC to look at it on it's www.myspace.com/britchix

CODE

<i class=i>!START code in Influences !</i>
<i class=i>!START Style Block For Hiding Elements on Band Page!
<a href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9iYW5kLWhpZGUtYWxs">MySpace Band Hide Everything</a>
</i>
<style>
.i {display:none}
{! fix a centering problem, and clear white space caused by clear gifs !}
td {width:auto;}
table td img {display:none;}

{! restore any images displayed inside our div. You may want to use block instead of inline for some images. !}
table td div.myCoreDiv img, table td div.myCoreDiv table td img,
table td div.myCoreDiv div img {display:inline;}

{!OPTIONAL restore image on maroon nav bar, we could use a.navbar img!}
div table td a.navbar img {display:block;}

{! removes most content and the space it occupied !}
table table table {display:none}

{! minimize the remaining main page content that can not be removed without effecting the ad and menus !
table table td { height:0px; margin:0px; padding:0px;}

{! restore my div. !}
table div.myCoreDiv {display:block;}
{! restore div with Comments !}
table div.myCoreDiv div.myDclassFC {display:block;}
table div.myCoreDiv div {display:block;}

{! for those who want to move the div up BEHIND the ad banner !}
div {position:relative; z-index:9}
div.myCoreDiv, div.myCoreDiv div {z-index:0}

table table br {display:none;}
table table table br {display:block;}


{! OPTIONAL decrease space between bottom and bottom menu, and between bottom menu and cc thing !}
{! does not work in Safari !}
table div br {line-height:4px;}
{! reverse effect on custom div !}
table div.myCoreDiv br {line-height:11px;}

{! remove default background coloring !}
table table, tr, td {background-color:BLACK !important}

{! ONLY if you want to remove the blue behind the ad banner AND the maroon !}
table {background-color:BLACK !important}
div table {border-bottom:BLACK !important;}

{! ADDITIONAL STYLE BLOCKS GO HERE !}
body{
background:000000;
scrollbar-arrow-color:000000;
scrollbar-track-color:000000;
scrollbar-shadow-color:13A7C0;
scrollbar-face-color:13A7C0;
scrollbar-highlight-color:13A7C0;
scrollbar-darkshadow-color:13A7C0;
scrollbar-3dlight-color:13A7C0;}

.lbr {link = all links
visited = things you&rsquo;ve clicked before
active = as you are clicking
hover = as your mouse goes over the link}
:link {
font-family:Verdana;
color:003399;
font-size:x-small;
text-decoration:underline;
}

a:link {
font-family:Verdana;
color:003399;
font-size:x-small;
text-decoration:underline;
}

a:visited {
font-family:Verdana;
color:003399;
font-size:x-small;
text-decoration:underline;
}

a:active {
font-family:Verdana;
color:13A7C0;
font-size:small;
text-decoration:underline;
}

a:hover {
font-family:Verdana;
color:FFFFFF;
font-size:x-small;
text-decoration:underline;
}


<div style="background-color:BLACK">
</style>
<i class=i>!End code in Influences !</i>

It would be great if anyone could offer me any advice as I normally feel reasonably intelligent but today is not one of those days!! I think I'm falling into the bimbo camp!!

Many thanks,

T xxx

[mizt]

Okay, I have this in my Members Section:

CODE

<i class=i>!--START CODE IN BAND MEMBERS --!</i>
<i class=i>
!-Start Div Overlay Content Block-!
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld3MtdW5kZXItY29uc3RydWN0aW9uLmJsb2dzcG90LmNvbS8=">
myspace code tutorials by Eileen</a>
!-Close 3 layers of cell/row/table. This puts our Div ONE table deep.
</i>
</td></tr></table>
</td></tr></table>
</td></tr></table>
<i class=i>!----PUT TOP BANNER CODE HERE----!</i>





<i class=i>!----END TOP BANNER CODE--!</i>

<i class=i>!-Create and size our div. We will never close this div. It will close when the containing table closes-! </i>

<i class=i>!!! MODIFY width to the SAME width as your core image !!!</i>

<div class="myCoreDiv" style="position:relative; top:0px; width:800px; height:auto; border:2px black solid;">

<i class=i> !----START CUSTOM CONTENT BLOCK 1----!</i>
<img src="http://i99.photobucket.com/albums/l306/BRITCHIXROCK/myspace800.png">
<img src="http://i99.photobucket.com/albums/l306/BRITCHIXROCK/blackpage.jpg">

<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9MTA0MDQ5NDc3"
style="position:absolute; top:60px; left:120px;">
<img src="http://x.myspace.com/images/clear.gif" style="width:80px; height:30px;"></a>


<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xMDQwNDk0Nzc="
style="position:absolute; top:150px; left:120px;">
<img src="http://x.myspace.com/images/clear.gif" style="width:120px; height:30px;"></a>


<a href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0
2dyb3VwJmZyaWVuZElEPTEwNDA0OTQ3Nw=="
style="position:absolute; top:150px; left:330px;">
<img src="http://x.myspace.com/images/clear.gif" style="width:90px; height:30px;"></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vY2hhdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tZXNzZW5nZXImc3RyRGVzdGluYXRpb24mZnJpZW5kSUQ9MTA0MDQ5NDc3JnNlbmRU
XBlPTA="
style="position:absolute; top:60px; left:370px;">
<img src="http://x.myspace.com/images/clear.gif" style="width:70px; height:30px;"></a>

<style>
a img {border:none !important}
</style>

<span class="off">!-START COMMENT FORM-!</span>
<div class="myCommentFormD">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="104049477" type="hidden"/>
<textarea name="f_comments" class="myFormBox"></textarea>
<center>
<input type="submit" value="Post Comment" class="myPostCommentButton"/>
<input type="reset" value="Clear" class="myClearButton"/>
</center>
</form>
</div>
<span class="off">!-END COMMENT FORM-!</span>
<span class="off">!Start style block to style Comment Form!</span>
<style>
div.myCommentFormD form {display:block !important;}
{!-change px values to position form on your layout-!}
div.myCommentFormD {position:absolute; top:520px; left:130px;}
{!-change px values or font attributes to size and style your form-!}
textarea.myFormBox {width:305px; height:45px; color:000000; font-size:9px; font-family:comic sans ms;
background-color:WHITE;
border:1px silver solid;}
{!-style buttons or remove below line for default button style-!}
div.myCommentFormD input {width:110px; height:22px; border:2px brown inset; background-color:WHITE}
</style>
<span class="off">!END style block to style Comment Form!</span>

<img style="position:absolute; top:550px; left:470px" src="http://i99.photobucket.com/albums/l306/BRITCHIXROCK/profilepic.jpg">


<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0xMDQwNDk0Nzc="
style="position:absolute; top:550px; left:470px;">
<img src="http://x.myspace.com/images/clear.gif" style="width:276px; height:207px;"></a>




<i class=i> !----END CUSTOM CONTENT BLOCK 1----!</i>

<i class=i>!-Open 3 layers of table/row/cell-!</i>
<i class=i>!-IF do NOT want any content from my Right side, I can use i instead of L1-!</i>
<table class="L1" ><tr><td>
<i class=i>!-The below class i hides the remainder of the general table-!</i>
<table class="i"><tr><td>
<table class="i"><tr><td>
<style>.i {display:none}</style>
<i class=i>END CODE IN BAND MEMBERS</i>



I have this in my Influences Section:

<i class=i>!START code in Influences !</i>
<i class=i>!START Style Block For Hiding Elements on Band Page!
<a href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9iYW5kLWhpZGUtYWxs">MySpace Band Hide Everything</a>
</i>
<style>
.i {display:none}
{! fix a centering problem, and clear white space caused by clear gifs !}
td {width:auto;}
table td img {display:none;}

{! restore any images displayed inside our div. You may want to use block instead of inline for some images. !}
table td div.myCoreDiv img, table td div.myCoreDiv table td img,
table td div.myCoreDiv div img {display:inline;}

{!OPTIONAL restore image on maroon nav bar, we could use a.navbar img!}
div table td a.navbar img {display:block;}

{! removes most content and the space it occupied !}
table table table {display:none}

{! minimize the remaining main page content that can not be removed without effecting the ad and menus !
table table td { height:0px; margin:0px; padding:0px;}

{! restore my div. !}
table div.myCoreDiv {display:block;}
{! restore div with Comments !}
table div.myCoreDiv div.myDclassFC {display:block;}
table div.myCoreDiv div {display:block;}

{! for those who want to move the div up BEHIND the ad banner !}
div {position:relative; z-index:9}
div.myCoreDiv, div.myCoreDiv div {z-index:0}

table table br {display:none;}
table table table br {display:block;}


{! OPTIONAL decrease space between bottom and bottom menu, and between bottom menu and cc thing !}
{! does not work in Safari !}
table div br {line-height:4px;}
{! reverse effect on custom div !}
table div.myCoreDiv br {line-height:11px;}

{! remove default background coloring !}
table table, tr, td {background-color:BLACK !important}

{! ONLY if you want to remove the blue behind the ad banner AND the maroon !}
table {background-color:BLACK !important}
div table {border-bottom:BLACK !important;}

{! ADDITIONAL STYLE BLOCKS GO HERE !}
body{
background:000000;
scrollbar-arrow-color:000000;
scrollbar-track-color:000000;
scrollbar-shadow-color:13A7C0;
scrollbar-face-color:13A7C0;
scrollbar-highlight-color:13A7C0;
scrollbar-darkshadow-color:13A7C0;
scrollbar-3dlight-color:13A7C0;}

.lbr {link = all links
visited = things you&rsquo;ve clicked before
active = as you are clicking
hover = as your mouse goes over the link}
:link {
font-family:Verdana;
color:003399;
font-size:x-small;
text-decoration:underline;
}

a:link {
font-family:Verdana;
color:003399;
font-size:x-small;
text-decoration:underline;
}

a:visited {
font-family:Verdana;
color:003399;
font-size:x-small;
text-decoration:underline;
}

a:active {
font-family:Verdana;
color:13A7C0;
font-size:small;
text-decoration:underline;
}

a:hover {
font-family:Verdana;
color:FFFFFF;
font-size:x-small;
text-decoration:underline;
}


<div style="background-color:BLACK">


</style>
<i class=i>!End code in Influences !</i>

And this in my Sounds Section:

<style>
{!-music player-!}
table table td.text object {position:absolute !important; top:200px !important; left:35px}
</style><style>
table table td.text object,
table table td.text embed {width:400px; height:306px;}
</style>

 Picture_2.jpg ( 61.86K ) Number of downloads: 11
 Picture_4.jpg ( 67.7K ) Number of downloads: 7

Reason for edit: Please place your codes within codeboxes.