comment box Options

[mareese]

when you view my page it looks fine.. but when i click on the link to view comments people have left me, my layout gets kinda weird.. the "div" gets a little bigger and everything is off centered.. and when you scroll down it's cuz the comment box is not the same size as the "blog" size.. hope im making sense.. just check it out.. thanks..

http://www.xanga.com/mareese

here are my codes too:
[QUOTE]

<!-- begin code provided by createblog.com --><br /><script><br />document.title=<br />"____*MARS BARS"<br /></script><br /><br /><center><div style="width: 625px; background: ffffcc<br />; border: 1px solid #339933<br />;height: 100%; padding-left: 15px; padding-right: 15px; padding-top: 10px"></center><br /><br /><center><b><img src="http://img.photobucket.com/albums/v306/marsbars83/friendsbanner.jpg"></b><br /><br /><script><br /><!--<br />//blink boxes - xanga.com/add_ons<br />//by sean f [url=http://www.xanga.com/seanmeister]http://www.xanga.com/seanmeister[/url]<br /><br />//fixed to work with new security measures by<br />//hotaru_01 [url=http://www.xanga.com/hotaru_01]http://www.xanga.com/hotaru_01[/url]<br /><br />// customize by changing the values below<br />// these are the various colors, in quotes, seperated by commas<br />var blinkColors = new Array("#FFCC00","#339933","#666666","#CCCCCC","#99CC66");<br />// the border color<br />var blinkBorderColor = "#ffffcc"<br />// the border width, in pixels<br />var blinkBorderWidth = 1;<br />// the # of rows<br />var blinkRows = 2;<br />// the # of columns<br />var blinkCols = 50;<br />// the width of the entire box, in pixels or %<br />var blinkWidth = 585;<br />// the height of each row, in pixels<br />var blinkRowHeight = 10;<br />// speed of blinking, in milliseconds<br />var blinkRate = 15;<br /><br />// do not edit below this line<br />st=setTimeout;<br />document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>");<br />for (r = 0; r < blinkRows; r++){<br />document.write("<TR>");<br />for (c = 0; c < blinkCols; c++){<br />document.write("<TD height='" + blinkRowHeight + "'></TD>");<br />}<br />document.write("</TR>");<br />}<br />document.write("</table>");<br />// ... and this makes it blink<br />function blinkIt() {<br />changecell = Math.floor(Math.random() * (blinkCols * blinkRows));<br />changecolor = Math.floor(Math.random() * blinkColors.length);<br />bb = document.getElementById("blinkbox");<br />bbtd = bb.getElementsByTagName("td");<br />bbtd[changecell].style.backgroundColor = blinkColors[changecolor];<br />st('blinkIt()', blinkRate);<br />}<br />blinkIt();<br />//--></script><br /><br /><style type="text/css"><br />/*Daisies*/<br />/*by Lay (xanga.com/mareese)*/<br />body{<br />  background-color: B5DE7B;<br />  scrollbar-arrow-color: B5DE7B;<br />scrollbar-base-color: ffffcc;<br />scrollbar-dark-shadow-color: B5DE7B;<br />scrollbar-track-color: B5DE7B;<br />scrollbar-face-color: B5DE7B;<br />scrollbar-shadow-color: 84B656;<br />scrollbar-highlight-color: D2EBAB;<br />scrollbar-3d-light-color: B5DE7B;<br />}<br />  cursor: default;<br />  font: normal 12px trebuchet ms;<br />  }<br /> <br /><br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />  font:normal 12px trebuchet ms;<br />  line-height:11px;<br />  color: #3D3D3D;<br />  letter-spacing:0px;<br />  text-align:justify;<br />  }<br /> <br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />  font-weight: bold; font-size: 12px trebuchet ms;<br />  color: #000000; line-height: 11px;<br /> }<br /> <br />table.footer TD {<br />/* this makes the footer at the bottom centered*/<br />/* leave it alone unless you know what to do*/<br />  display: none;<br />  }<br /> <br />div.blogheader, .caption {<br />/* edits the dates */<br />  background-color: D2EBAB;<br />  font: bold 15px verdana;<br />  text-transform: uppercase;<br />  color: #84B656;<br />  font-weight:bold;<br />  letter-spacing: 0;<br />  border: none;<br />  text-align: center;<br />  border-top: 19px solid #AFBFCF;<br />  border-width: 10px;<br />  padding-left: 0px;<br />  line-height: 14px;<br />  width: 410px;<br />  }<br /> <br />table.blogbody {<br />/* this edits the other the place where the blog is */<br />  background-color: F7F7C7;<br />  border-width: 1px 0px 0px 0px;<br />  width:410px;<br />  padding-right: 0px;<br />  <br />  }<br /> <br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />  color: #000000;<br />  font:bold 12px trebuchet ms;<br />  line-height:11px;<br />  text-decoration: none;<br />  text-transform: lowercase;<br />  }<br /> <br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />  color: #000000;<br />  font:bold 12px trebuchet ms;<br />  text-transform: lowercase;<br />  line-height:11px;<br />  text-decoration: none;<br />  }<br /> <br />a:hover {<br />/* edits when user mouseovers the links */<br />  color: #000000;<br />  font:bold 12px trebuchet ms;<br />  line-height:11px;<br />  letter-spacing: -1px;<br />  text-decoration: none;<br />  text-transform: uppercase;<br />  border: 1px dashed #D2EBAB;<br />  border-width: 0px 0px 1px 0px;<br />  cursor: help;<br />  }<br /> <br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />  border: 1px solid #84B656;<br />  font:normal 12px trebuchet ms;<br />  background-color: transparent;<br />  letter-spacing:0px;<br />  }<br /> <br /> <br />table.blogbody tr td {<br />/* this edits the left margin of blog */<br />  width:0px;<br />  padding: 1px;<br />  }<br /><br />table.blogbody div.smalltext{<br />/* this edits the blog entry footer */<br />  text-align: center;<br />  padding-bottom: 7px;<br /> <br />  }<br />table.left { <br />/* this edits the menu module */<br />  border: none;<br />  width:165px;<br />  border-top: 11px solid #AFBFCF;<br />  }<br /> <br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />  background-color: D2EBAB;<br />  font: bold 15px verdana;<br />  text-transform: uppercase;<br />  color: #84B656;<br />  font-weight:bold;<br />  letter-spacing: -1;<br />  border: none;<br />  text-align: center;<br />  height: 16px;<br />  padding: 0px;<br />  width: 410px;<br />  }<br /> <br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />  background-color: F7F7C7;<br />  border-width: 1px 0px 0px 0px;<br />  text-align: center;<br />  margin-top: 3px;<br /> <br />  }<br /> <br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />  background-color: transparent;<br />  border-width: 10px 0px 0px 0px;<br />  border-top: 10px solid #ffffff;<br />  }<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />  border: 0px solid #527BCE;<br />  }<br />table.navigation, table.main {<br />/* the width of your blog with modules */<br />  width: 410px;<br />  align: center;<br />  }<br />hr {<br />/* horizontal divider */<br />  border: 2px solid #9CD673;<br />  width: 410px;<br />  }<br /></style><br /><!-- end code provided by createblog.com -->

This post has been edited by Sherry_Vu: Apr 7 2005, 03:40 PM