Web Analytics Made Easy -
StatCounter Css not rendering right in IE.. - CodingForum

Announcement

Collapse
No announcement yet.

Css not rendering right in IE..

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Css not rendering right in IE..

    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.

    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/MDFodHRwOi8vd2FycGVkLmJhdHRsZW9mdGhlYmFuZHMuY29tL2NvbnRlc3QucGhwP2NpdHk9c2FuZGllZ28mYWlkPTM0NTMwJm10eXBlPTEmbWlkPTI1MTEy" 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/MDFodHRwOi8vZm9ydW0ubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249bWVzc2FnZWJvYXJkLnZpZXdTdWJDYXRlZ29yeSZDYXRlZ29yeUlEPTQ="><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/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD0zNDY0MDE5MzQmTXlUb2tlbj1kYTJjNjZjNi1iNTcwLTQwMDUtYWY3Ni03ZTViYmM3Nzg3MDY="><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/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0b2dyb3VwJmZyaWVuZElEPTM0NjQwMTkzNA=="><img src="http://farm4.static.flickr.com/3655/3415078523_2965269639_o.jpg"></a><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9yd2FyZCZmcmllbmRJRD0zNDY0MDE5MzQmZj1mb3J3YXJkcHJvZmlsZQ=="><img src="http://farm4.static.flickr.com/3612/3415885168_df244c4741_o.jpg"></a><a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5hZGRUb0Zhdm9yaXRlJmZyaWVuZElEPTM0NjQwMTkzNCZwdWJsaWM9MA=="><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:[email protected]">Andrew M. Galvan</a></br></div></td>
      </tr>
      <tr>
        <td><b>BOOKING</b></td>
        <td><div align="right"><a href="mailto:[email protected]">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>

  • #2
    hate myspace...

    conditional comments? do they allow those?
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

    Comment


    • #3
      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.

      Comment

      Working...
      X