Log In · Register

 
header alignment issues, white line to the left of it
louisenatephoto
post Mar 28 2010, 11:32 PM
Post #1


Member
**

Group: Member
Posts: 17
Joined: Jun 2009
Member No: 731,512



Hey guys,
I've had this problem repeatedly with layouts I've designed, basically I can never seem to get the header aligned right. It looks fine on my monitor, but on most of my friends there is a white line to the left.

Here's my code - keep in mind that lots of things aren't aligned properly (twitter boxes, music player, etc) since i want to solve this before I do any more work on it.

edit: here is what it looks like on my friends monitor. 13" macbook




Any help is appreciated.

CODE
<style>

body {
background-color:2a636f;
background-image: url(http://img691.imageshack.us/img691/122/parabg.jpg) ;
background-position:top center;
background-repeat:no-repeat;
background-attachment: scroll; }

table, tr, td {
background-color: transparent;
border: 0px;
}


.i {display:none;}
table table td.text div object {position:relative; top:-115px; right:160px; z-index:9;}
table table td.text div object object {position:static; z-index:9;}



.profileWidth table { margin-bottom:2000px; width:800px; }
.gap {
background: top left no-repeat;
width:900px; height:0px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -2022px;
}


.orangetext15, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
color: rgb(3,3,3);
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:none;
}

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: 1d1b1e;
font-weight:normal;
font-style:normal;
text-decoration:underline ;
text-transform:none;
}

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{
font-weight:normal;
font-style:normal;
text-decoration:underline ;
text-transform:none;
}

.about {display:none;}

.contactTable {display: none;}

td td td td {visibility:hidden;}
td td.text td, td td td td div {visibility:visible;}

.i {display:none;}
{!-eliminate bio header!-}
table table td.text table td.text {display:none;}
{!-recover in shows and friends-!}
table table td.text div table td.text,
table table td.text table.friendSpace td.text {display:inline;}

{!-eliminate the orange line that shows up in IE.
This WILL mess up background coloring used in shows, friends and comments !}
table table td.text table {background-color:transparent;}

.maincontent{
position: absolute;
width: 0px;
height: 2374px;
margin-left: -450px;
left: 50%;
top: 0px;
z-index:1;
}

.dihdesigns {
position: absolute;
top: 0px;
left: 0px;
z-index:3;}

div.rollovers a:hover{border-top: none; opacity: 0.0; filter: alpha(opacity=0); width: 0px; height: 0px; z-index:2;}

.rollovers {
position: absolute;
top: 0px;
left: 50%;
height: auto;
width: auto;
overflow:
visible;
background-color: none;
margin-left: -450px; text-align: center; z-index:2;}

</style>


<div class="rollovers">
</div>

<div class="maincontent">
<table id="Table_01" width="901" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="17">
<img src="http://img696.imageshack.us/img696/4003/slice1.jpg" width="901" height="160" alt="" /></td>
</tr>
<tr>
<td colspan="17">
<img src="http://img709.imageshack.us/img709/8662/slice2.jpg" width="901" height="160" alt="" /></td>
</tr>
<tr>
<td colspan="17">
<img src="http://img682.imageshack.us/img682/4083/slice3.jpg" width="901" height="160" alt="" /></td>
</tr>
<tr>
<td colspan="17">
<img src="http://img28.imageshack.us/img28/174/slice4.jpg" width="901" height="160" alt="" /></td>
</tr>
<tr>
<td colspan="17">
<img src="http://img682.imageshack.us/img682/2288/slice5.jpg" width="901" height="160" alt="" /></td>
</tr>
<tr>
<td colspan="17">
<img src="http://img130.imageshack.us/img130/6942/slice6.jpg" width="901" height="160" alt="" /></td>
</tr>
<tr>
<td colspan="17">
<img src="http://img641.imageshack.us/img641/1030/slice7.jpg" width="901" height="160" alt="" /></td>
</tr>
<tr>
<td colspan="17">
<img src="http://img709.imageshack.us/img709/9106/slice8.jpg" width="901" height="82" alt="" /></td>
</tr>
<tr>
<td colspan="8">
<img src="http://img714.imageshack.us/img714/4879/slice9.jpg" width="323" height="50" alt="" /></td>
<td colspan="4">
<img src="http://img714.imageshack.us/img714/1122/purevolumealtered.jpg" width="281" height="50" alt="" /></td>
<td colspan="3">
<img src="http://img696.imageshack.us/img696/7977/youtubealtered.jpg" width="99" height="50" alt="" /></td>
<td colspan="2">
<img src="http://img714.imageshack.us/img714/6779/facebookaltered.jpg" width="198" height="50" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img src="http://img709.imageshack.us/img709/3012/slice10.jpg" width="24" height="51" alt="" /></td>
<td colspan="2">
<img src="http://img714.imageshack.us/img714/6308/addaltered.jpg" width="94" height="51" alt="" /></td>
<td colspan="2">
<img src="http://img641.imageshack.us/img641/2982/msgaltered.jpg" width="103" height="51" alt="" /></td>
<td colspan="2">
<img src="http://img709.imageshack.us/img709/8568/favealtered.jpg" width="102" height="51" alt="" /></td>
<td colspan="4">
<img src="http://img696.imageshack.us/img696/5199/commentaltered.jpg" width="281" height="51" alt="" /></td>
<td colspan="5">
<img src="http://img94.imageshack.us/img94/1302/slice11.jpg" width="297" height="51" alt="" /></td>
</tr>
<tr>
<td colspan="17">
<img src="http://img696.imageshack.us/img696/3537/slice12.jpg" width="901" height="160" alt="" /></td>
</tr>
<tr>
<td colspan="17">
<img src="http://img94.imageshack.us/img94/8398/slice13.jpg" width="901" height="160" alt="" /></td>
</tr>
<tr>
<td colspan="17">
<img src="http://img709.imageshack.us/img709/4323/slice14.jpg" width="901" height="158" alt="" /></td>
</tr>
<tr>
<td colspan="17">
<img src="http://img691.imageshack.us/img691/9397/slice15.jpg" width="901" height="71" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://img682.imageshack.us/img682/3614/slice16.jpg" width="60" height="32" alt="" /></td>
<td colspan="2">
<img src="http://img714.imageshack.us/img714/7631/saydehaltered.jpg" width="98" height="32" alt="" /></td>
<td colspan="2">
<img src="http://img94.imageshack.us/img94/3135/slice17.jpg" width="100" height="32" alt="" /></td>
<td colspan="3">
<img src="http://img682.imageshack.us/img682/2319/chrisdipardoaltered.jpg" width="160" height="32" alt="" /></td>
<td>
<img src="http://img682.imageshack.us/img682/2718/slice18.jpg" width="67" height="32" alt="" /></td>
<td colspan="2">
<img src="http://img709.imageshack.us/img709/4880/alexstcroixaltered.jpg" width="142" height="32" alt="" /></td>
<td>
<img src="http://img696.imageshack.us/img696/2944/slice19.jpg" width="62" height="32" alt="" /></td>
<td colspan="2">
<img src="http://img709.imageshack.us/img709/8646/myleshaywardaltered.jpg" width="175" height="32" alt="" /></td>
<td>
<img src="http://img691.imageshack.us/img691/6655/slice20.jpg" width="37" height="32" alt="" /></td>
</tr>
<tr>
<td colspan="17">
<img src="http://img682.imageshack.us/img682/6718/slice21.jpg" width="901" height="8" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://img682.imageshack.us/img682/8715/slice22.jpg" width="21" height="360" alt="" /></td>
<td colspan="8">
<img src="http://img691.imageshack.us/img691/4001/stackaltered.jpg" width="386" height="360" alt="" /></td>
<td colspan="8">
<img src="http://img682.imageshack.us/img682/4338/slice23.jpg" width="494" height="360" alt="" /></td>
</tr>
<tr>
<td colspan="17">
<img src="http://img130.imageshack.us/img130/2647/slice24.jpg" width="901" height="62" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://img28.imageshack.us/img28/3648/spacerlt.gif" width="21" height="1" alt="" /></td>
<td>
<img src="http://img28.imageshack.us/img28/3648/spacerlt.gif" width="3" height="1" alt="" /></td>
<td>
<img src="http://img28.imageshack.us/img28/3648/spacerlt.gif" width="36" height="1" alt="" /></td>
<td>
<img src="http://img28.imageshack.us/img28/3648/spacerlt.gif" width="58" height="1" alt="" /></td>
<td>
<img src="http://img28.imageshack.us/img28/3648/spacerlt.gif" width="40" height="1" alt="" /></td>
<td>
<img src="http://img28.imageshack.us/img28/3648/spacerlt.gif" width="63" height="1" alt="" /></td>
<td>
<img src="http://img28.imageshack.us/img28/3648/spacerlt.gif" width="37" height="1" alt="" /></td>
<td>
<img src="http://img28.imageshack.us/img28/3648/spacerlt.gif" width="65" height="1" alt="" /></td>
<td>
<img src="http://img28.imageshack.us/img28/3648/spacerlt.gif" width="84" height="1" alt="" /></td>
<td>
<img src="http://img28.imageshack.us/img28/3648/spacerlt.gif" width="11" height="1" alt="" /></td>
<td>
<img src="http://img28.imageshack.us/img28/3648/spacerlt.gif" width="67" height="1" alt="" /></td>
<td>
<img src="http://img28.imageshack.us/img28/3648/spacerlt.gif" width="119" height="1" alt="" /></td>
<td>
<img src="http://img28.imageshack.us/img28/3648/spacerlt.gif" width="23" height="1" alt="" /></td>
<td>
<img src="http://img28.imageshack.us/img28/3648/spacerlt.gif" width="62" height="1" alt="" /></td>
<td>
<img src="http://img28.imageshack.us/img28/3648/spacerlt.gif" width="14" height="1" alt="" /></td>
<td>
<img src="http://img28.imageshack.us/img28/3648/spacerlt.gif" width="161" height="1" alt="" /></td>
<td>
<img src="http://img28.imageshack.us/img28/3648/spacerlt.gif" width="37" height="1" alt="" /></td>
</tr>
</table>
</div>

<div class="contact">
<table width="350px" border="0" cellspacing="3" cellpadding="3">
<tr><div align="center"><img src="http://img6.imageshack.us/img6/5447/contactheader.png" /></tr>
<tr>
<td><b>Hometown:</b> </td><td><div align="right">Mississauga ON</div></td>
</tr>
<tr>
<td><b>URL</b></td><td><div align="right"><a href="http://www.myspace.com/weareparamount">/weareparamount</a></div></td>
</tr>
<tr>
<td><b>Booking</b></td>
<td><div align="right">Chris DP Entertainment<br /><a href="mailto:chris.dpbooking@gmail.com">chris.dpbooking@gmail.com</a></div></td>
</tr>
</div>

<tr>
<td><b>Management</b></td>
<td><div align="right">Zach Blay Silvertongue Management<br /><a href="mailto:zblay.silvertonguerecords@gmail.com">zblay.silvertonguerecords@gmail.com</a></div></td>
</tr>
<tr>
<td><b>Label</b></td>
<td><div align="right">Unsigned</div></td>
</tr>
<tr>
<td><b>Publicity</b></td><td><div align="right">Alex Draper Millan<br /> <a href="mailto:alex.vanitymag@gmail.com">alex.vanitymag@gmail.com</a></div></td>

</tr>
<tr>
<td><b>Layout</b></td>
<td><div align="right"><a href="/sirsneak"><img /><br />Dine In Hell Designs</a></div></td>
</tr>
</table></td></tr>
</div>
</a>



<div class="matttwitter">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="176" width="176" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=255&type=user&id=17237918" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="176" width="176" align="middle" wmode="transparent" flashvars="color1=255&type=user&id=17237918" quality="high" />
</object><br /></div></div>


<div class="mylestwitter">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="176" width="176" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=255&type=user&id=111713338" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="176" width="176" align="middle" wmode="transparent" flashvars="color1=255&type=user&id=111713338" quality="high" />
</object><br /></div></div>


<div class="alextwitter">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="176" width="176" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=255&type=user&id=28490882" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="176" width="176" align="middle" wmode="transparent" flashvars="color1=255&type=user&id=28490882" quality="high" />
</object><br /></div></div>

<div class="christwitter">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="176" width="176" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=255&type=user&id=75385562" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="176" width="176" align="middle" wmode="transparent" flashvars="color1=255&type=user&id=75385562" quality="high" />
</object><br /></div></div>

<style>
.contact{
position: absolute;
margin-left: 100px;
top: 209px;
z-index: 4;
}

.matttwitter{
z-index:2 !important;
position:absolute;
left: 50%;
margin-left:-260px;
top: 1791px;
text-align:center;
visibility: visible !important;

}

.mylestwitter{
z-index:2 !important;
position:absolute;
left: 50%;
margin-left:600px;
top: 1791px;
text-align:center;
visibility: visible !important;

}

.christwitter{
z-index:2 !important;
position:absolute;
left: 50%;
margin-left:100px;
top: 1791px;
text-align:center;
visibility: visible !important;

}

.alextwitter{
z-index:2 !important;
position:absolute;
left: 50%;
margin-left:350px;
top: 1791px;
text-align:center;
visibility: visible !important;

}



</style>


Reason for edit: Please use [thumb] tags instead of [img] tags when posting large images. - Mike
 

Posts in this topic


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