...

View Full Version : Css not rendering right in IE..



DismantleDesign
04-05-2009, 11:34 PM
I always use this code and for some reason it isn't showing right all of a sudden. It is for a customized MySpace. The site in question is www.myspace.com/coupmsdesign.

You will notice the content doesnt match the masthead but that is only because I just copy and paste the code from my old sites. The issue is that the pink links on top dont stay on one line. The last link jumps down one line which throws off the css roll overs I set up at the bottom of the masthead. I have tried everything I can think of to keep the links one one line at the top but nothing works. If you guys have any suggestions please help. Here is my code.


<style>
.userProfileDetail {
position:absolute;
top:500px;
margin-top:0px;
margin-left:-100px;
left:50%
}
</style>

<style> {ABOUT US BANNER} </style>
<img src="http://farm4.static.flickr.com/3651/3407175239_7071ac4b53_o.jpg">
<br>
<br>
<style> {ALIGNMENT AND COLOR OF BIO} </style>
<p style="text-align: justify;"><font color="00aeef">


<br>
<style> {CADENCE NEWS TITLE BAR} </style>
<img src="http://farm4.static.flickr.com/3403/3407178699_b3e13a2f03_o.jpg">

</br>

<style> {CADENCE NEWS MODULE} </style>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="212" width="429" align="middle" data="http://gluenow.com/global/flash/glue_news_loader.swf?xmldoc=http://cadencecoalition.gluenow.com/news/rss?ver=2%26limit=20&flashloc=http://gluenow.com/global/flash/glue_news.swf&ver=2">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://gluenow.com/global/flash/glue_news_loader.swf?xmldoc=http://cadencecoalition.gluenow.com/news/rss?ver=2%26limit=20&flashloc=http://gluenow.com/global/flash/glue_news.swf&ver=2" />
<param name="quality" value="high" />
<param name="bgcolor" value="ffffff" />
</object>

</br></br></br>

<style> {WARPED TOUR} </style>
<center>
<a href="http://www.msplinks.com/MDFodHRwOi8vd2FycGVkLmJhdHRsZW9mdGhlYmFuZHMuY29tL2NvbnRlc3QucGhwP2NpdHk9c2FuZGllZ28mYWlkPTM0NTMwJm10 eXBlPTEmbWlkPTI1MTEy" target="_blank"><img src="http://warped.battleofthebands.com/images/warp_votewidget_us.jpg"></a></center></br></br>


<style> {PROMOTIONS BANNER} </style>
<img src="http://farm4.static.flickr.com/3630/3407185723_9376e5d087_o.jpg"><br><br>
<center>PUT THESE BANNERS ON YOUR MYSPACE<br><br>

<img src="http://farm4.static.flickr.com/3653/3300989659_afa92268f9_o.gif"></br>
<textarea style="border: 1px solid gray; overflow: auto; width: 418px; height: 35px; background-color: white;"><a href="http://www.myspace.com/dinosaurparty"><img src="http://farm4.static.flickr.com/3653/3300989659_afa92268f9_o.gif"></a> </textarea><br>
Copy and Paste<br>

<br><br>


<img src="http://farm4.static.flickr.com/3567/3301998572_cc3042c301_o.gif"></br>
<textarea style="border: 1px solid gray; overflow: auto; width: 418px; height: 35px; background-color: white;"><a href="http://www.myspace.com/dinosaurparty"><img src="http://farm4.static.flickr.com/3567/3301998572_cc3042c301_o.gif"></a></textarea><br>
Copy and Paste<br><br><br><br>


<p style="text-align: center;">DOWNLOAD THESE AWESOME AIM ICONS</p>
<br>
<img src="http://farm4.static.flickr.com/3413/3302217558_95c185905c_o.gif"> <img src="http://farm4.static.flickr.com/3646/3301394757_b7155cf1b6_o.gif"> <img src="http://farm4.static.flickr.com/3387/3307526587_4c4861de29_o.gif">
<img src="http://farm4.static.flickr.com/3391/3307653433_484dac9088_o.gif">
<img src="http://farm4.static.flickr.com/3608/3310390834_95fb1c226a_o.gif">
<img src="http://farm4.static.flickr.com/3651/3310409622_573538dec4_o.gif">
<br></center>

<br>
<br>


<style> {VIDEO BANNER} </style>
<img src="http://farm4.static.flickr.com/3176/3407175263_fe57eec21c_o.jpg" alt=""></br></br>

<style> {YOUTUBE VIDEO} </style>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="347" width="429" data="http://www.youtube.com/v/IF_rcPcshYE&hl=en&fs=1">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/IF_rcPcshYE&hl=en&fs=1" />
</object></br></br></br>


<style> {FLYERS BANNER} </style>
<img src="http://farm4.static.flickr.com/3618/3407197853_438d3c6d0e_o.jpg" alt=""></br></br>

<style> {FLYERS GO BELOW} </style>
<img src="http://i39.tinypic.com/s6nmom.jpg"></br></br>




<style>





table.friendspace {background-image:url("http://farm4.static.flickr.com/3330/3407175281_8e82c67a58_o.jpg") !important;background-repeat:no-repeat; padding:50px 0px 0px 0px; font-size:0pt;}


.latestBlogEntry {
position:absolute;
top:1100px;
margin-left: -400px;
left:50%;
width: 324px;
background-color: transparent;
z-index: 9;
}

table .latestBlogEntry {
width:324px!important;
}


.contactTable {display: none;}
.orangetext15 {display: none;}
.whitetext12 {display: none;}
.nametext {display: none;}

table table div embed, table table div object {position:relative; z-index:9;}

table, tr, td{
background-color:transparent;
border-style:none;
}


body {
background-color:000000;
background-image:url(http://www.dismantledesign.com/images/bkgfinalcoup.jpg);
background-position:top center;
background-repeat:repeat-y;
background-attachment: fixed;
}

table table table table, table table table td{
background-image:none;
background-color:transparent;
}

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:fcff00;
font-size:8pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
Helvetica Narrow, sans-serif;
}

strong, .lightbluetext8, .btext, .redtext, .redbtext{
color:1d1d1d;
font-size:8pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
Helvetica Narrow, sans-serif;
}

a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:0ba3ff;
font-size:8pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
Helvetica Narrow, sans-serif;
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:ff0bbd;
font-size:8pt;
font-weight:normal;
font-style:normal;
text-decoration:normal ;
text-transform:none;
Helvetica Narrow, sans-serif;
}

table table table table, div table table table{
border-style:none;
}

.dismantle { position: absolute; top: 0px; left: 50%; height: 0px; width: 200px; overflow: visible; background-color: transparent; margin-left: 460px; text-align: left; z-index:9;}




.tg_left {position:absolute; margin-top:-0px; margin-left:-390px; left:50%; top:1436px; width:300px; height:1750px; background-color:000000; z-index:8;}





div.navigation a:hover{
border-top: none;
opacity: 0.0;
filter: alpha(opacity=0);
width: 0px;
height: 0px;
z-index:1;
}
.navigation { position: absolute; top: 711px; left: 50%; height: 0px; width: 800px; overflow: visible; background-color: transparent; margin-left: -400px; text-align: left; z-index:8;}




{.masthead {width: 800px; height: 576px position: absolute; margin-left: -400px; _margin-left: -400px; left: 50%; top: 238px;}}

body table {margin-top:675px;}
body td table, body div table {margin-top: 0px;}
</style>

<div class="masthead"><span></span></div>
<div class="left"><span></span></div>

<div style="width: 800px; height: 576px; position: absolute; margin-left: -400px; _margin-left: -400px; left: 50%; top: 140px;">
<img src="http://farm4.static.flickr.com/3196/3413119441_0c45562331_o.jpg" width="800" height="33"></br>
<a href="http://music.myspace.com/index.cfm?fuseaction=music"><img src="http://farm4.static.flickr.com/3380/3415836590_e72069e8f5_o.jpg" width="177" height="40" border="0" alt=""></a><a href="http://music.myspace.com/index.cfm?fuseaction=videos"><img src="http://farm4.static.flickr.com/3632/3413916350_3aaa75211b_o.jpg" width="112" height="40" border="0" alt=""></a><a href="http://music.myspace.com/index.cfm?fuseaction=music.celebritypromo&artistid=-1&playlistid=-1"><img src="http://farm4.static.flickr.com/3601/3413110845_03160648be_o.jpg" width="154" height="40" border="0" alt=""></a><a href="http://www.msplinks.com/MDFodHRwOi8vdG9wYXJ0aXN0cy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tdXNpYy5Ub3BCYW5kcw=="><img src="http://farm4.static.flickr.com/3590/3413916400_ca80463f1a_o.jpg" width="101" height="40" border= "0" alt=""></a><a href="http://music.myspace.com/index.cfm?fuseaction=music.bandshows"><img src="http://farm4.static.flickr.com/3390/3413110875_6874d48e49_o.jpg" width="74" height="40" border="0" alt=""></a><a href="http://classifieds.myspace.com/index.cfm?fuseaction=classifieds.listAds&catId=9"><img src="http://farm4.static.flickr.com/3590/3413110895_0433801c33_o.jpg" width="101" height="40" border="0" alt=""></a><a href="http://www.msplinks.com/MDFodHRwOi8vZm9ydW0ubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249bWVzc2FnZWJvYXJkLnZpZXdTdWJDYXRlZ29y eSZDYXRlZ29yeUlEPTQ="><img src="http://farm4.static.flickr.com/3342/3413916436_9e759d99cc_o.jpg" width="81" height="40" border="0" alt=""></a>
<img src="http://farm4.static.flickr.com/3618/3415858116_8d40a3212c_o.jpg" width="800" height="536" border="0" alt=""></br>
</div>








<div class="navigation">
<table id="Navigation" width="800" height="40" border="0" cellpadding="0" cellspacing="0">
<tr><td><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD0z NDY0MDE5MzQmTXlUb2tlbj1kYTJjNjZjNi1iNTcwLTQwMDUtYWY3Ni03ZTViYmM3Nzg3MDY="><img src="http://farm4.static.flickr.com/3321/3415884940_97bd83f7b4_o.jpg"></a><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0zNDY0MDE5MzQ="><img src="http://farm4.static.flickr.com/3338/3415078327_ed3bd9f743_o.jpg"></a><a href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0b2dyb3VwJmZyaWVuZElE PTM0NjQwMTkzNA=="><img src="http://farm4.static.flickr.com/3655/3415078523_2965269639_o.jpg"></a><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9yd2FyZCZmcmllbmRJRD0z NDY0MDE5MzQmZj1mb3J3YXJkcHJvZmlsZQ=="><img src="http://farm4.static.flickr.com/3612/3415885168_df244c4741_o.jpg"></a><a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5hZGRUb0Zhdm9yaXRlJmZy aWVuZElEPTM0NjQwMTkzNCZwdWJsaWM9MA=="><img src="http://farm4.static.flickr.com/3618/3415885208_8059216564_o.jpg"></a><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=346401934"><img src="http://farm4.static.flickr.com/3617/3415078629_5c030d8796_o.jpg"></a><a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=346401934&n=346401934&MyToken=da2c66c6-b570-4005-af76-7e5bbc778706"><img src="http://farm4.static.flickr.com/3308/3415885268_811b689fc5_o.jpg"></a>

</td></tr></table>
</div>



<div class="tg_left">
<table width="300" border="0" cellspacing="0" cellpadding="0">
<img src="http://farm4.static.flickr.com/3317/3408035542_2218128b58_o.jpg" alt=""></br></br>
<tr>
<td><b>HOMETOWN</b></td>
<td><div align="right">San Diego, CA</div></td>
</tr>
<tr>
<td><b>URL</b></td>
<td><div align="right"><a href="dinosaurparty">myspace.com/dinosaurparty</a></div></td>
</tr>
<tr>
<td><b>MANAGEMENT</b></td>
<td><div align="right"><a href="mailto:andrewgalvan@cadencecoalition.com">Andrew M. Galvan</a></br></div></td>
</tr>
<tr>
<td><b>BOOKING</b></td>
<td><div align="right"><a href="mailto:andrewgalvan@cadencecoalition.com">Andrew M. Galvan</a></br></div></td>
</tr>
<tr>
<td><b>PUREVOLUME</b></td>
<td><div align="right"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL2Rpbm9zYXVycGFydHk=">Click Here to Listen!</a></div></td>
</tr>
<tr>
<td><b>LAYOUT</b></td>
<td><div align="right"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmRpc21hbnRsZWRlc2lnbi5jb20=">Dismantle Design</a></div></td>
</tr>
<tr>
<td><b>LABEL</b></td>
<td><div align="right"><a href="http://www.myspace.com/cadencecoalitionrecords">Cadence Coalition Records</a></div></td>
</tr></table>
<table id="Table_01" width="323" height="1404" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
</br></br>
<img src="http://farm4.static.flickr.com/3377/3408035568_d45d9d79d4_o.jpg" alt=""><br><img src="http://farm4.static.flickr.com/3362/3407228289_ef293874db_o.jpg" alt=""></br><img src="http://farm4.static.flickr.com/3624/3408035668_6b3f6fd357_o.jpg"></br></br></br><img src="http://farm4.static.flickr.com/3173/3408035690_f7ff21b72a_o.jpg"></br>
<img src="http://farm4.static.flickr.com/3559/3407228427_4911998d82_o.jpg"></br>
<img src="http://farm4.static.flickr.com/3393/3407228469_74eac40374_o.jpg">
</td>
</tr>
</table>

</div>





</style>




<style>
<tr id=Sounds LikeRow><td valign="top" align="left" width="100" bgcolor="b1d0f0" NOWRAP><span class="lightbluetext8">Sounds Like</span></td><td id="ProfileSounds Like" width="175" bgcolor="d5e8fb" style="WORD-WRAP: break-word"><style>
html body.bodyContent table tbody tr td table.friendsComments{
width: 800px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 20px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;

_width: 798px !important;
_margin-left: -2px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table{
width: 98% !important;
border-collapse: separate !important;
border-spacing: 0px 0px !important;
background-color: transparent !important;
height: auto !important;
}

table.friendsComments tbody tr td.text table tbody tr td{
background-color: transparent !important;
height: auto !important;
}

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15{
background-image: url(http://farm4.static.flickr.com/3621/3402348937_398175dc3c_o.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 70px !important;
color: 00aeef !important;
width: 798px;
position: relative;
overflow: hidden;
font-size: 1px;
text-align: right;
margin-top: -1px;
line-height: 300px !important;
_width: 798px !important;
_border-left: 0px 000000 !important;
_border-right: 3px 000000 !important;
_height: 70px !important;
_margin-bottom: -1px !important;
}



html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b{
display: block;
position: absolute;
z-index: 9;
width: 750px;
height: 15px;
line-height: 15px;
overflow: hidden;
margin: -50px 0 0 8px;
text-align: right;
padding-right: 12px !important;
color: 000000;
font-weight: normal;
font-size: 12px;
_margin: -53px 0 0 8px;
_font-size: 12px !important;
_color: 000000;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b span.redtext{
font-weight: bold;
color: 000000;
padding: 0px 2px;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b a{
color: 000000 !important;
font-size: 12px !important;
text-transform: none;
margin: 0 -7px 0 -8px !important;
padding: 0 9px 0 9px !important;
background-color: transparent !important;
position: relative !important;
display: inline !important;
z-index: 9;
border: none !important;
letter-spacing: 0px !important;
_font-size: 11px !important;
_margin: 0 !important;
_padding: 0 !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table{
overflow: hidden !important;
border: 1px 000000 !important;
border-color: 000000 !important;
width: 100% !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td{
background-color: transparent !important;
text-align: left;
vertical-align: top;
overflow: hidden !important;
font-size: 12px !important;
line-height: 12px !important;
text-transform: none !important;
letter-spacing: 0px;
color: 00aeff !important;
margin: 0 !important;
padding: 12px 0px 12px 0px;
border-bottom: 0px 00aeef !important;
border-color: 2b2b23 !important;
_line-height: 16px !important;
}


html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td span.blacktext10{
color: 00aeef !important;
text-transform: None !important;
margin: 0px !important;
padding: 0px important;
display: block !important;
font-size: 12px;
font-family: arial, sans-serif !important;
font-weight: normal;
letter-spacing: 1px;
text-align: right;
margin: 10px 10px -12px 0px !important;
width: 650px;
border-top: 1px 00aeef;
_margin: 12px 0px -.5em 0px !important;
_width: 650px;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td{
background-color: transparent !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td a{
display: block;
border: 0px 000000 !important;
border-color: 000000 !important;
border-top-style: solid !important;
border-top-width: 0px !important;
text-align: center;
text-transform: Uppercase;
padding: 8px;
font-size: 12px;
letter-spacing: 1px;
color: transparent !important;
position: relative !important;
margin-top: -3px !important;
background-color: transparent;
_margin-top: -6px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a{
display: block !important;
color: FFFFFF !important;
margin: 0px !important;
padding: 10px 10px 0px 10px !important;
text-transform: none !important;
margin-bottom: -15px !important;
font-size: 10px !important;
line-height: 11px !important;
border: none !important;
letter-spacing: 0px !important;
text-align: center !important;
width: 110px !important;
overflow: hidden !important;
font-weight: normal;
_width: 124px !important;
_margin-bottom: -15px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a img{
visibility: visible !important;
border: 1px 2b2b23 !important;
border-color: 000000 !important;
padding: 0px !important;
margin: 0px !important;
margin-top: -12px !important;
width: auto !important;
_margin-left: 0px;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img.ImgOnlineNow{
display: block;
position: relative;
margin: 15px 0 -20px 26px !important;
border: none !important;
_margin: 15px 0 -20px 21px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img{
max-width: 100%;
margin: 0px !important;
margin: 0px 0px 12px 0px !important;
}
</style>

</br>

twodayslate
04-05-2009, 11:49 PM
hate myspace...

conditional comments? do they allow those?

DismantleDesign
04-05-2009, 11:51 PM
i dont know what a conidtional comment is but i decided to just create a new div with the same zindex as .navigation and placed it over the masthead. it works fine now.

EFF MICROSOFT! All microsoft does is look at what someone else made, and make the same thing, only it doesnt work the way it is supposed to.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum