Log In · Register

 
 
Closed TopicStart new topic
Moving IE content over to the right
shynomi
post May 20 2010, 03:24 PM
Post #1


Senior Member
****

Group: Member
Posts: 123
Joined: Nov 2008
Member No: 698,881



I'm having trouble lining up the content under the shows header in IE. It's fine in FF, Safari, and Chrome. It's about 40px to the left in IE though.

I've tried this code but maybe I have something conflicting with it because it's not moving the content.

LINK TO TEST SITE: http://www.myspace.com/frucatestpage

CODE
<style>
table table td.text {padding-left:0px; _padding-left:50px;}
table table table, table table.contactTable td.text, table table.friendSpace td.text, table table.friendsComments td.text {padding:0px;}
</style>


I know to alter the _padding left margin but it doesn't move the content.

Here's the full code:

CODE


<style>
.profileWidth {
padding-bottom:2471px !important;}
</style>


<div id="BannerUnderTopNav" style="position:absolute; z-index:2; margin-left:-782px; _margin-left:-758px; top: 0px; background-color:COLOR; background-image:URL(http://i382.photobucket.com/albums/oo268/dygynomi/2010%20LP%20MERCY/header.jpg); background-repeat: no-repeat; background-position: bottom center; width:1700px; height:2669px; overflow:no;">





</div>




<style>
.tg_left {position:absolute; margin-top:-0px; margin-left:-405px; _margin-left:-400px; left:50%; top:2701px; width:315px; height:700px; background-color:transparent; z-index:2;}
</style>




<div class="tg_left">

<table width="250px" border="0" cellspacing="3" cellpadding="3">


<tr>

<td><sub>HOMETOWN</sub></td><td><div align="right">Greensboro, NC</div></td>
</tr>


<tr>

<td><sub>MYSPACE URL</sub></td><td><div align="right">www.myspace.com/mercymercedes</div></td>
</tr>

<tr>

<td><sub>TWITTER</sub></td><td><div align="right">@mercymercedes</div></td>
</tr>

<tr>
<td><sub>CONTACT</sub></td>
<td><div align="right"><a href="mailto:jeffmenig@lincstarrecords.com">Jeff Menig</a><br /><sub></sub></div></td>
</tr>

<tr>
<td><sub>MANAGEMENT</sub></td>
<td><div align="right"><a href="mailto:jeffmenig@lincstarrecords.com">Lincstar</a><br /><sub></sub></div></td>
</tr>



<tr>
<td><sub>BOOKING</sub></td>
<td><div align="right"><a href="mailto:aellis@paradigmagency.com">Andrew Ellis</a><br /><sub></sub></div></td>
</tr>



<tr>
<td><sub>LAYOUT</sub></td>
<td><div align="right"><a href="mailto:frucafrucaposters@gmail.com">Fruca Fruca Design</a><br /><sub></sub></div></td>
</tr>



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

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20LP%20MERCY/releaseline.jpg" /><br /><br />


</div>




<style>
.i {display:none}
{! color top menu !}
div.profileWidth table td, i i i.x {background-color:transparent !important;}
{! color search area and behind ad different than top menu !}
div.profileWidth div {background-color:transparent !important}
{! color link font in top menu !}
div.profileWidth div ul li a {font-size:3px; color:000000 !important}
{! link hover color !}
div.profileWidth div ul li a:hover {color:EAE7E2 !important; background-color:transparent !important; display:block}
{! remove shadow in google search area !}
div.profileWidth div.clearfix, .i i i {background-image:none !important;}
.i {display:none;}
div.profileWidth table td ul small,
div.clearfix i i i {color:950401 !important}
</style>



<style>.whitetext12{visibility:hidden; display:none;}.lightbluetext8{visibility:hidden; display:none;}</style>

<style>
.friendText {display:none}
.redLink {display:none}
</style>



<style>

{THIS MAKES THE BODY TABLE TRANSPARENT}
{*NOTE* - IF YOU DO NOT WANT THE BODY TABLE TRANSPARENT, SIMPLY CHANGE TRANSPARENT TO A COLOR}


body{ font-size:x-small;
background-color:dbd4c5;
background-image:url(http://i382.photobucket.com/albums/oo268/dygynomi/2010%20LP%20MERCY/bg.jpg);
background-attachment:scroll;
background-repeat: no-repeat;
background-position:top center;
margin-top: 0px;}


{THIS EDITS THE MAIN TEXT STYLE AND COLORS}body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{color:00000;font-size:8pt;font-weight:normal;font-style:normal;text-decoration:none;text-transform:none;font-family:arial;}

{THIS CHANGES COLOR AND STYLE OF NAMETEXT AND HEADINGS}.orangetext15, text, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{color:000000;font-size:8pt;font-weight:normal;font-style:normal;text-decoration:none;text-transform:none;font-family:arial;}

{THIS CHANGES COLOR AND STYLE OF LINKS}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:75352c;font-size:8pt;font-weight:bold;font-style:normal;text-decoration:none;text-transform:bold;font-family:arial;}

{THIS CHANGES COLOR AND STYLE OF LINKS ON HOVER}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:000000;font-size:8pt;font-weight:bold;font-style:normal;text-decoration:none;text-transform:bold;font-family:arial;}

{THIS ALSO MAKES THE BODY TABLE TRANSPARENT AND MAKES SURE ALIGNMENTS ARE FINE}{NOTHING NEEDS TO BE CHANGED HERE EXCEPT IF YOU WANT THE FONT CHANGED}p {margin: 0px 0px 1em 0px; font-family: arial !important}body>div {margin-left: 0px;}table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}table table table td {background-color:transparent;margin:0px;padding: 0 0px 0px 0px}table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}table table table table td {padding:0px;margin:0px;}table table table { background-color: transparent; border: 0 solid; border-color: transparent; width: 100%; }object {position:relative; z-index:1;}body td table, body div table {margin-top: 0px;}.a {hide URL label}.a {hide top links}.a {unhide navigation bar}.navbar {visibility:visible;}

</style>

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20LP%20MERCY/promoline.jpg" /><br /><br />

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmJhbWJvb3psZXJvYWRzaG93LmNvbQ=="><img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20LP%20MERCY/bamboozle-roadshow-2010.jpg" /></a><br /><br />


<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20LP%20MERCY/friendline.jpg" /><br />



<style>
table.friendsComments tbody tr td.text table tbody tr td span.orangetext15{
background-image: URL(http://i382.photobucket.com/albums/oo268/dygynomi/2010%20LP%20MERCY/commentline.jpg) ;
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 70px !important;
color: ffffff!important;
width: 800px;
position: relative;
overflow: hidden;
font-size: 1px;
text-align: right;
margin-top: -1px;
line-height: 300px !important;
_width: 800px !important;
_border-left: 1px ffffff!important;
_border-right: 1px ffffff!important;
_height: 70px !important;
_margin-bottom: -1px !important;
}
</style>




<style>
.orangetext15{display:none}
</style>

<style>embed, object {position:absolute; top:1113px; left:50%; margin-left: -49px; _margin-left: -30px; z-index:9; } td td td embed, td td td object { position:static; margin-left:0px; }</style>


<style>table table table { visibility:hidden; }
table table .text table { visibility:visible; }</style>

<style>
.navbar, .subnavItems {display: none!important;}
</style>

<style>

.latestBlogEntry {
position:absolute;
top:2345px;
margin-left: -44px;
_margin-left: -27px;
left:50%;
width: 400px;
background-color: transparent;
z-index: 9;
}

table .latestBlogEntry {
width:400px!important;
}
</style>

<style>
table table td.text {padding-left:0px; _padding-left:0px;}
table table table, table table.contactTable td.text, table table.friendSpace td.text, table table.friendsComments td.text {padding:0px;}
</style>



Is there another code that would work better? it just needs to affect IE.
Thanks,
 

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