Table problems Options

[haldenlith]

I've been poking at the code for a while, but I can't seem to figure out why my width attribute of the table is getting ignored. I have it set to be 600 pixels wide, but for some reason it's larger than that, and it won't get any smaller.

Any ideas on why this table is defying it's size specifications?

Xanga in Question

And:

<!-- begin code provided by createblog.com --><br /><style type="text/css"><br />Body<br />{<br />color: #FF6600;<br />background-color:#552B00;<br />font-family:"Times New Roman", Times, serif;<br />font-size:12px;<br />text-align:center!important;<br />text-align:center;<br />}<br /><br />Table, TR, TD, P, TH<br />{<br />font-family:"Times New Roman", Times, serif;<br />}<br /><br />table.blogbody { <br />/* edits your blog or entry space */<br />position: right;<br />color: #FF6600;<br />border: 0px;<br />background-color:transparent;<br />padding-top:0px;<br />padding-bottom:0px;<br />padding-right:0px;<br />width:520px;<br />}<br /><br />b, strong<br />{<br />color: #FF0000;<br />font-weight:bold;<br />}<br /><br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />color: #FFFF99;  <br />font-weight: bold;<br />text-decoration:none;<br />}<br /><br /><br /><br />a:visited, a.footernav:visited  <br />{<br />/* edits the links that the user has visited */<br />color: #990000;<br />font-weight: bold;<br />text-decoration:none;<br />}<br />a:hover <br />{<br />/* edits when user mouseovers the links */<br />color:#FFFFFF; <br />font-weight:normal;<br />font-weight: bold;<br />text-decoration:none;<br />}<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor<br />{<br />/* edits main text */<br />color: #FF6600;<br />font-family:"Times New Roman", Times, serif; <br />text-align: justify;<br />width:auto;<br />}<br /><br />div.blogheader, .caption <br />{<br />/* edits the dates */<br />color: #FF6600;<br />text-align: right;<br />font-family:"Times New Roman", Times, serif; <br />border-bottom: #FFFFFF 1px solid;<br />background-color:#660000; <br />border:1px solid #FFFFFF; <br />Filter: Alpha(Opacity=0, FinishOpacity=100, Style=1); <br />height:auto!important;<br />font-size: medium; <br />font-size:medium!important; <br />height:100%;<br />width: 500px;<br />width: 500px!important;<br />}<br /><br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer, hr<br />{display: none;}<br /><br />h3.header<br />{<br />background-color:#660000; border:1px solid #FFFFFF; Filter: Alpha(Opacity=100, <br />FinishOpacity=0, Style=1); height:auto!important; font-size:medium!important; height:100%;<br />}<br /><br /></style><br /><br /><br /><http-equiv="imagetoolbar" content="no"><br /><br /><table width="600" align="center" style="background-color: #000000; width: 600px; width: 600px!important; border:1px solid #FF6633; text-align:left;" cellpadding="0"><br /> <tr><br />  <td align=right colspan=2><img src="http://img.photobucket.com/albums/v27/haldenlith/Xanga/HydeTop.jpg" alt="" width="600" height="528" border="0"><br />  </td><br /> </tr><br /> <tr><br />  <td><br />   <table><br />    <tr><br />     <td valign="top"><br />      <table width="170" cellspacing="10"><br />       <tr><br />        <td style="color:#FF6600;"><h3 class="header">Navigation</h3><br />       <p><font face="Wingdings">«</font>&nbsp;<a href="http://xanga.com/">Xanga</a><br />       <br><font face="Wingdings">«</font>&nbsp;<a href="http://xanga.com/yamikarasu">Refresh</a><br />       <br><font face="Wingdings">«</font>&nbsp;<a href="http://xanga.com/private/home.aspx">Your Xanga</a><br />       <br><font face="Wingdings">«</font>&nbsp;<a href="http://www.xanga.com/CLAF/default.asp">Customize Look and Feel</a><br><font face="Wingdings">«</font>&nbsp;<a href="http://www.xanga.com/guestbook.aspx?user=yamikarasu">Sign/View Guestbook</a><br />       <br><font face="Wingdings">«</font>&nbsp;<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=yamikarasu">Subscribe</a><br />       <br><font face="Wingdings">«</font>&nbsp;<a href="http://www.xanga.com/signin.aspx">Sign In</a><br />       <br><font face="Wingdings">«</font>&nbsp;<a href="http://www.xanga.com/logout.aspx">Log Out</a><br />       </p><br />        </td><br />       </tr><br />       <tr style="color:#FF6600;"><br />        <td><h3 class="header">Bio</h3><br />        <p><font face="Wingdings" style="border: ">«</font>&nbsp;<b>Raven</b> is a simple and estranged high school student surviving off of Sunkist and various foods. She is often times found beneath piles of CDs, schoolwork, and magazines. She is indeed a gamer and a Hakuei fangirl. She is an admirer of the Gothic and Lolita style, but could never find herself being that cute and girly, so Kodona suits her just fine. She is also often found making random cat noises for no apparent reason.</p></td><br />       </tr><br />       <tr style="color:#FF6600;"><br />        <td><h3 class="header">Extra</h3><br />       <p><font face="Wingdings">«</font>&nbsp;<B>Music</B> she enjoys includes, but is not limited to Rammstein, KMFDM, Penicillin, Linkin Park, PIERROT, Miyavi, Crack6, Origa, Yoko Kanno, LUCY, machine, BLOOD, Seo Taiji, Silver Ash, Psycho le Cemu, Nightmare, Hyde, L'arc-en-Ciel...</p></td><br />       </tr><br />      </table><br />     </td><br />     <td><br /><!-- end code provided by createblog.com -->

[talcumpowder]

Err... Correct me if I'm wrong, but you've got your navigation in the same table as the one you're trying to set to 600px. It expands because you've got the navigation&yourblog in there. The total width equals more than 600px.

[haldenlith]

I didn't notice that. Blah.

I've fixed it, although it wasn't that particular thing, but still related. Now I feel stupid for overlooking that one item.

[talcumpowder]

Oh. So, can I close this since you've fixed it?