By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
448,837 Members | 1,648 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 448,837 IT Pros & Developers. It's quick & easy.

Blog's 2 divs won't center side-by-side.

P: 1
I've seen the threads here about molding 2 divs in a centered fashion. but I can't seem to solve this thing.

my blogger blog is functioning well on my site for now, but the blog feed (left) and the sidebar (right) doesn't center

here's the css i'm modifying to center it. i apologise for the mess.
Expand|Select|Wrap|Line Numbers
  1. <html>
  2. <head>
  3.  
  4. <title>cris-kun's 'Blog - www.puff-x.com</title>
  5. <$BlogMetaData$>
  6.  
  7. <style type="text/css">
  8. #b-navbar {   height:0px;   visibility:hidden;   display:none   }
  9.  
  10.  
  11. A:link { 
  12. font-size: 8pt; 
  13. font-family: tahoma; 
  14. letter-spacing: 0px; 
  15. line-height: 9px; 
  16. color: 555555; 
  17. font-weight: none; 
  18. text-decoration: underline;
  19.  
  20. A:visited { 
  21. font-size: 8pt; 
  22. font-family: tahoma; 
  23. letter-spacing: 0px; 
  24. line-height: 9px; 
  25. color: 000000; 
  26. font-weight: none; 
  27. text-decoration: underline;
  28.  
  29. A:active {
  30. font-size: 8pt; 
  31. font-family: tahoma; 
  32. letter-spacing: 0px; 
  33. line-height: 9px; 
  34. color: 000000;
  35. font-weight: none; 
  36. text-decoration: none;
  37.  
  38. A:hover { 
  39. color: 222222; 
  40. font-size: 8pt; 
  41. font-family: tahoma; 
  42. line-height: 9px;
  43. text-decoration: underline;
  44. }
  45.  
  46. A.sidebar:link { 
  47. font-size: 7pt; 
  48. font-family: tahoma; 
  49. letter-spacing: 0px; 
  50. line-height: 9px; 
  51. color: 000000; 
  52. font-weight: none; 
  53. text-decoration: none;
  54.  
  55. A.sidebar:visited { 
  56. font-size: 7pt; 
  57. font-family: tahoma; 
  58. letter-spacing: 0px; 
  59. line-height: 9px; 
  60. color: 000000; 
  61. font-weight: none; 
  62. text-decoration: none;
  63.  
  64. A.sidebar:active {
  65. font-size: 7pt; 
  66. font-family: tahoma; 
  67. letter-spacing: 0px; 
  68. line-height: 9px; 
  69. color: 000000;
  70. font-weight: none; 
  71. text-decoration: none;
  72.  
  73. A.sidebar:hover { 
  74. color: 222222; 
  75. font-size: 7pt; 
  76. font-family: tahoma; 
  77. line-height: 9px;
  78. text-decoration: underline;
  79. }
  80.  
  81.  
  82. A.bubble:link { 
  83. font-size: 7pt; 
  84. font-family: tahoma; 
  85. letter-spacing: 0px; 
  86. line-height: 9px; 
  87. color: 000000; 
  88. font-weight: none; 
  89. text-decoration: none;
  90.  
  91. A.bubble:visited { 
  92. font-size: 7pt; 
  93. font-family: tahoma; 
  94. letter-spacing: 0px; 
  95. line-height: 9px; 
  96. color: 000000; 
  97. font-weight: none; 
  98. text-decoration: none;
  99.  
  100. A.bubble:active {
  101. font-size: 7pt; 
  102. font-family: tahoma; 
  103. letter-spacing: 0px; 
  104. line-height: 9px; 
  105. color: 000000;
  106. font-weight: none; 
  107. text-decoration: none;
  108.  
  109. A.bubble:hover { 
  110. color: 222222; 
  111. font-size: 9pt; 
  112. font-family: tahoma; 
  113. line-height: 9px;
  114. }
  115.  
  116. A.permalink:link { 
  117. font-size: 7pt; 
  118. font-family: tahoma; 
  119. letter-spacing: 0px; 
  120. line-height: 9px; 
  121. color: FF9900; 
  122. font-weight: none; 
  123. text-decoration: none;
  124.  
  125. A.permalink:visited { 
  126. font-size: 7pt; 
  127. font-family: tahoma; 
  128. letter-spacing: 0px; 
  129. line-height: 9px; 
  130. color: FF9900; 
  131. font-weight: none; 
  132. text-decoration: none;
  133.  
  134. A.permalink:active {
  135. font-size: 7pt; 
  136. font-family: tahoma; 
  137. letter-spacing: 0px; 
  138. line-height: 9px; 
  139. color: FF9900;
  140. font-weight: none; 
  141. text-decoration: none;
  142.  
  143. A.permalink:hover { 
  144. color: FFCC00; 
  145. font-size: 7pt; 
  146. font-family: tahoma; 
  147. line-height: 9px;
  148. }
  149.  
  150.  
  151. body 
  152. {
  153. text-align: center;
  154. font-family:tahoma;
  155. font-size:8pt;
  156. color: #222222; 
  157. background-color: #E8E8E8;
  158. background-image: url('');
  159. background-repeat: repeat-x;
  160. background-attachment: fixed;
  161. }
  162.  
  163. #content
  164. {
  165. margin: 0 auto;
  166. text-align: left;
  167. width:780px;
  168. }
  169.  
  170. #blogcontent
  171. {
  172. margin: 0 auto;
  173. text-align: left;
  174. border-bottom: dashed #FF9933; 
  175. border-top:3px solid #999999; 
  176. border-left: solid #FF9933; 
  177. border-right: solid #FF9933; 
  178. background-color:#FFF3E5; 
  179. background-repeat: repeat; 
  180. background-attachment: scroll; 
  181. width: 542;
  182. }
  183.  
  184. #sidebar
  185. {
  186. margin: 0 auto;
  187. text-align: left;
  188. border-top:3px solid #999999;
  189. border-left-color: solid #FF9933;
  190. border-bottom: dashed #FF9933; 
  191. border-right: solid #FF9933; 
  192. font-size:7pt; 
  193. background-color:#EEEEEE; 
  194. background-repeat: repeat; 
  195. background-attachment: scroll; 
  196. width: 230;
  197. }
  198.  
  199. textarea, input, select {
  200. font: 7pt tahoma;
  201. letter-spacing: 1px;
  202. color: white;
  203. background-color: white;
  204. border:1px solid none;
  205.  
  206. .head {
  207. font-family: tahoma; 
  208. background-color: none;
  209. text-transform :lowercase;
  210. font-weight: bold;
  211. font-size: 11px; 
  212. line-height: 12px;
  213. border-bottom: 2px dotted #9900CC;
  214. color: #FF0033;
  215. text-align:left;
  216. }
  217.  
  218. .title {
  219. font-family: tahoma; 
  220. background-color: none;
  221. text-transform :;
  222. font-weight: bold;
  223. font-size: 14px; 
  224. line-height: 12px;
  225. color: #FF6600;
  226. text-align:left;
  227. }
  228.  
  229. .date {
  230. font-family: tahoma; 
  231. background-color: none;
  232. text-transform : lowercase;
  233. font-weight: bold;
  234. font-size: 10px; 
  235. line-height: 12px;
  236. color: #3333FF;
  237. text-align:right;
  238. }
  239.  
  240. .notes {
  241. font-family: tahoma; 
  242. background-color: none;
  243. font-weight: bold;
  244. font-size: 11px; 
  245. line-height: 12px;
  246. border-bottom: 2px dotted #666666;
  247. color: #666666;
  248. text-align:left;
  249. }
  250.  
  251. .post-title {
  252.   background:url("");
  253. margin:.25em 0;
  254.   }
  255.  
  256. input
  257. {
  258. color: #FF0033;
  259. background: #FFF3E5;
  260. border: 1px solid #FF3300
  261. }
  262.  
  263. .submit input
  264. {
  265. color: #000;
  266. background: #ffa20f;
  267. border: 2px outset #d7b9c9
  268. }
  269.  
  270. blockquote { 
  271.   color: #000000; 
  272.   background-color: none; 
  273.   border: 1px dotted black;
  274.   padding: 2px;
  275. }
  276.  
  277. </style>
  278. <script type="text/javascript">
  279. function detectBrowser()
  280. {
  281. var browser=navigator.appName
  282. var b_version=navigator.appVersion
  283. var version=parseFloat(b_version)
  284. if (navigator.appName == "Microsoft Internet Explorer")
  285.   {alert("This blog is now more compatible, but now looks wonky on IE.\n You're better off using Firefox or something else. Sorry.\n http://www.getfirefox.com")}
  286. else
  287.   {}
  288. }
  289. </script>
  290.  
  291. <SCRIPT LANGUAGE="JavaScript">
  292.  
  293. <!-- This script and many more are available free online at -->
  294. <!-- The JavaScript Source!! http://javascript.internet.com -->
  295.  
  296. <!-- Begin
  297. // Set up the image files to be used.
  298. var theImages = new Array() // do not change this
  299. // To add more image files, continue with the
  300. // pattern below, adding to the array.
  301.  
  302. theImages[0] = 'http://www.puff-x.com/pfx_main/criskun_writeblog.jpg'
  303. theImages[1] = 'http://www.puff-x.com/pfx_main/criskun_eatblog.jpg'
  304.  
  305. // do not edit anything below this line
  306.  
  307. var j = 0
  308. var p = theImages.length;
  309. var preBuffer = new Array()
  310. for (i = 0; i < p; i++){
  311.    preBuffer[i] = new Image()
  312.    preBuffer[i].src = theImages[i]
  313. }
  314. var whichImage = Math.round(Math.random()*(p-1));
  315. function showImage(){
  316. document.write('<img src="'+theImages[whichImage]+'">');
  317. }
  318.  
  319. //  End -->
  320. </script>
  321.  
  322. <script type="text/javascript" src="/styleswitcher.js"></script>
  323. <script language="Javascript">
  324. <!-- Begin
  325. function popUp(URL) {
  326. day = new Date();
  327. id = day.getTime();
  328. eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=1,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=1050,height=620,left = 0,top = 84');");
  329. }
  330. // End -->
  331. </script>
  332. </head>
  333. <body topmargin="0" onload="detectBrowser()">
  334. <div style="background-color:#E8E8E8; position:absolute; top:0px; left:0px; width:100%;">
  335.     <a href="http://www.puff-x.com/index.html"><img src="http://www.puff-x.com/pfx_main/naviheader.gif" border="0"/></a>
  336.     <a href="http://www.puff-x.com/blog.htm"><img src="http://www.puff-x.com/pfx_main/naviblog.gif" border="0"/></a>
  337.     <a href="http://www.puff-x.com/artwork.htm"><img src="http://www.puff-x.com/pfx_main/naviart.gif" border="0"/></a>
  338.     <a href="http://www.puff-x.com/hoptimism.htm"><img src="http://www.puff-x.com/pfx_main/navihop.gif" border="0"/></a>
  339.     <a href="http://www.puff-x.com/flicritic.htm"><img src="http://www.puff-x.com/pfx_main/naviflic.gif" border="0"/></a>
  340.     <a href="http://www.puff-x.com/downloads.htm"><img src="http://www.puff-x.com/pfx_main/naviloads.gif" border="0"/></a>
  341.   </div>
  342. <div align="center">
  343. </div><!-- --><div id="b-navbar"><a href="http://www.blogger.com/" id="b-logo" title="Go to Blogger.com"><img src="http://www.blogger.com/img/navbar/1/logobar.gif" alt="Blogger" width="80" height="24" /></a><form id="b-search" action="http://www.google.com/search"><div id="b-more"><a href="http://www.blogger.com/" id="b-getorpost"><img src="http://www.blogger.com/img/navbar/1/btn_getblog.gif" alt="Get your own blog" width="112" height="15" /></a><a href="http://www.blogger.com/redirect/next_blog.pyra?navBar=true" id="b-next"><img src="http://www.blogger.com/img/navbar/1/btn_nextblog.gif" alt="Next blog" width="72" height="15" /></a></div><div id="b-this"><input type="text" id="b-query" name="q" /><input type="hidden" name="ie" value="UTF-8" /><input type="hidden" name="sitesearch" value="judacris.blogspot.com" /><input type="image" src="http://www.blogger.com/img/navbar/1/btn_search.gif" alt="Search" value="Search" id="b-searchbtn" title="Search this blog with Google" /><a href="javascript:BlogThis();" id="b-blogthis">BlogThis!</a></div></form></div><script type="text/javascript"><!--
  344.  
  345. function BlogThis() {Q='';x=document;y=window;if(x.selection) {Q=x.selection.createRange().text;} else if (y.getSelection) { Q=y.getSelection();} else if (x.getSelection) { Q=x.getSelection();}popw = y.open('http://www.blogger.com/blog_this.pyra?t=' + escape(Q) + '&u=' + escape(location.href) + '&n=' + escape(document.title),'bloggerForm','scrollbars=no,width=475,height=300,top=175,left=75,status=yes,resizable=yes');void(0);}
  346.  
  347.  --></script><div id="space-for-ie"></div>
  348.       <div style="margin:0px auto; top:20px;"><SCRIPT LANGUAGE="JavaScript">
  349. <!-- Begin
  350. showImage();
  351. //  End -->
  352. </script></div>
  353.       <div style="position:relative;">
  354. <div id="blogcontent">
  355. <Blogger>
  356.  
  357. <div class="post-title"><BlogDateHeader><div class="head"><$BlogDateHeaderDate$>&nbsp;&lt;&lt;</div></BlogDateHeader>
  358. <div class="title"><$BlogItemTitle$></div></div>
  359.  
  360. <$BlogItemBody$><div align="right" style="font-size: 9px;">
  361. <b>end statement. <a class="sidebar" href="mailto:judacris@gmail.com">judacris</a> @ <$BlogItemDateTime$></b> |  <MainOrArchivePage>
  362.           <BlogItemCommentsEnabled> 
  363.             <a class="sidebar" href="<$BlogItemPermalinkURL$>">
  364.               comments: (<$BlogItemCommentCount$>) 
  365.             </a>
  366.           </BlogItemCommentsEnabled>
  367.         </MainOrArchivePage> | <a class="permalink" href="<$BlogItemPermalinkUrl$>" title="permanent link"><b>permalink</b></a></div>
  368. <br>
  369. <ItemPage>
  370.     <BlogItemCommentsEnabled>
  371.         <div class="blogComments">
  372.             Comments:
  373.             <BlogItemComments>
  374.             <div class="blogComment">
  375.                 <a name="<$BlogCommentNumber$>"></a> 
  376.                 <$BlogCommentBody$><br />
  377.                 <div class="byline"><a href="<$BlogCommentPermalinkURL$>"title="permanent link">#</a> posted by <$BlogCommentAuthor$> : <$BlogCommentDateTime$></div>
  378.                 <$BlogCommentDeleteIcon$>
  379.             </div>
  380.             </BlogItemComments>
  381.             <$BlogItemCreate$>
  382.         </div>
  383.     </BlogItemCommentsEnabled>
  384.     </ItemPage>
  385. </Blogger>
  386. <div class="notes"></div><br>
  387. <center><b>Archives:</b> <BloggerArchives><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a> </BloggerArchives>
  388. <br/>
  389. <!--Creative Commons License--><a rel="license" href="http://creativecommons.org/licenses/by-nc/2.5/" target="_blank"><img alt="Creative Commons License" border="0" src="http://creativecommons.org/images/public/somerights20.png"/></a><br/>The Blog's Layouts are licenced under a 
  390. <a rel="license" href="http://creativecommons.org/licenses/by-nc/2.5/">Creative Commons Licence</a>.<!--/Creative Commons License--><!-- <rdf:RDF xmlns="http://web.resource.org/cc/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
  391.         <Work rdf:about="">
  392.             <license rdf:resource="http://creativecommons.org/licenses/by-nc/2.5/" />
  393.     <dc:title>Judacris's blog</dc:title>
  394.     <dc:creator><Agent><dc:title>Julian Yeo</dc:title></Agent></dc:creator>
  395.     <dc:type rdf:resource="http://purl.org/dc/dcmitype/Text" />
  396.         </Work>
  397.         <License rdf:about="http://creativecommons.org/licenses/by-nc/2.5/"><permits rdf:resource="http://web.resource.org/cc/Reproduction"/><permits rdf:resource="http://web.resource.org/cc/Distribution"/><requires rdf:resource="http://web.resource.org/cc/Notice"/><requires rdf:resource="http://web.resource.org/cc/Attribution"/><prohibits rdf:resource="http://web.resource.org/cc/CommercialUse"/><permits rdf:resource="http://web.resource.org/cc/DerivativeWorks"/></License></rdf:RDF> -->
  398. Learn about the <a href="http://creativecommons.org" target="_blank">Creative Commons</a>.
  399. <br><br>
  400. <b>**END OF LINE - NO SIGNATURE IS REQUIRED**</b><br></center></div>
  401.  
  402. <div id="sidebar">
  403. <div style="position:absolute; left:-18; top:-37; z-index:1;"><img src="/pfx_main/blog_nametag.gif"></div>
  404. <br><br><br><br><br><br><br><br><br><br><br><br>
  405. <i>Have you Seen this Man?</i><br>
  406. <b>Julian Yeo</b>, Geek <br>
  407. Creator, <a class="sidebar" href="hoptimism.htm" target="_blank"><b>Hopeless Optimism</b></a>. <br>
  408. Born <b>Sometime August 1988</b>.<br>
  409. Location: Lat. <b>1.3523</b> Long. <b>103.9419</b><br>
  410. Alias: <b>dm29</b> from <a class="sidebar" href="http://dm29.deviantart.com/" target="_blank">deviantART</a>
  411. <p>
  412. <b>Enjoys</b> Artwork, The Matrix Trilogy, Casual Gaming, Friends, Sonic the Hedgehog and the Cute.<br />
  413. <b>Condemns</b> Smoking, Global Warming and Racism. <br />
  414. <b>Wants</b> to try to try to Change the World.
  415. <br />
  416.  
  417. <p>
  418. <div style="position:absolute; left: 60px; z-index:1;"><img src="/pfx_main/blog_frenfotos_side.gif" width="200px"></div><div class="head">friends</div>
  419. - <a class="bubble" target="_blank" href="http://birdtalk.blogspot.com/">dan</a> (As seen on hOP)<br>
  420. - <a class="bubble" target="_blank" href="http://get-her-sensations.blogspot.com/">jeanie</a><br>
  421. - <a class="bubble" target="_blank" href="http://carnival-esque.livejournal.com/">vicki</a><br>
  422. - <a class="bubble" target="_blank" href="http://www.alittledeath.blogspot.com">dinnie</a><br>
  423. - <a class="bubble" target="_blank" href="http://www.somethings-cant-be-fixed.blogspot.com/">daryl</a><br>
  424. - <a class="bubble" target="_blank" href="http://amoixsimplegalx.blogspot.com">wanyun</a><br>
  425. - <a class="bubble" target="_blank" href="http://heelsanddancefloors.blogspot.com">poovan</a><br>
  426. - <a class="bubble" target="_blank" href="http://sadiistic-me.blogspot.com/">charlene</a><br>
  427. - <a class="bubble" target="_blank" href="http://humphfx.blogspot.com/">yiwen</a><br>
  428. - <a class="bubble" target="_blank" href="http://scrappedlife.blogspot.com/">sam</a><br>
  429. - <a class="bubble" target="_blank" href="http://memoirs-of-my-life.blogspot.com/">syasya</a><br>
  430. - <a class="bubble" target="_blank" href="http://www.littleshinystars.blogspot.com/">hilda</a><br>
  431. - <a class="bubble" target="_blank" href="http://litong-files.blogspot.com/"><i>litong</i></a><br>
  432. - <a class="bubble" target="_blank" href="http://koichii.jugem.jp/"><i>derrick</i></a><br>
  433. <p>
  434.  
  435. <p>
  436. <div class="head">words</div>
  437. <center><iframe src="/tagbox/" width="230" height="180" frameborder="0" border="0"></iframe></center>
  438. <!--<div class="head"></div><br />
  439. <object width="230" height="66"><param name="movie" value="http://media.imeem.com/m/_PM7WT14WE"></param><param name="wmmode" value="transparent"></param><embed src="http://media.imeem.com/m/_PM7WT14WE" type="application/x-shockwave-flash" width="230" height="66" wmode="transparent"></embed></object>-->
  440. <div class="head">photos by <a href="http://flickr.com/photos/judacris/" target="_blank"><strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong></a></div>
  441. <center><!-- Start of Flickr Badge -->
  442. <style type="text/css">
  443. .zg_div {margin:0px 5px 5px 0px; width:117px;}
  444. .zg_div_inner {background-color:#333333;  color:#FFFFFF; text-align:center; font-family:arial, helvetica; font-size:11px;}
  445. .zg_div a, .zg_div a:hover, .zg_div a:visited {color:#3399FF; background:inherit !important; text-decoration:none !important;}
  446. </style>
  447. <script type="text/javascript">
  448. zg_insert_badge = function() {
  449. var zg_bg_color = '333333';
  450. var zgi_url = 'http://www.flickr.com/apps/badge/badge_iframe.gne?zg_bg_color='+zg_bg_color+'&zg_person_id=68188686%40N00';
  451. document.write('<iframe style="background-color:#'+zg_bg_color+'; border-color:#'+zg_bg_color+'; border:none;" width="113" height="151" frameborder="0" scrolling="no" src="'+zgi_url+'" title="Flickr Badge"><\/iframe>');
  452. }
  453. zg_toggleWhat = function() {
  454. document.getElementById('zg_whatdiv').style.display = (document.getElementById('zg_whatdiv').style.display != 'none') ? 'none' : 'block';
  455. document.getElementById('zg_whatlink').style.display = (document.getElementById('zg_whatdiv').style.display != 'none') ? 'none' : 'block';
  456. return false;
  457. }
  458. </script>
  459. <div class="zg_div"><div class="zg_div_inner">
  460. <script type="text/javascript">zg_insert_badge();</script>
  461. <script type="text/javascript">if (document.getElementById) document.getElementById('zg_whatdiv').style.display = 'none';</script>
  462. </div>
  463. </div>
  464. <!-- End of Flickr Badge --></center>
  465. <div class="head">search</div>
  466. <!-- SiteSearch Google -->
  467. <FORM method="GET" action="http://www.google.com/search" target="_blank">
  468. <input type="hidden" name="ie" value="UTF-8">
  469. <input type="hidden" name="oe" value="UTF-8">
  470. <TABLE ><tr><td>
  471. </td>
  472. <td>
  473. <INPUT TYPE="text" name="q" size="31" maxlength="255" value="Search the Site" >
  474. <INPUT type="submit" name="btnG" VALUE="Search">
  475. <font size="-1">
  476. <input type="hidden" name="domains" value="http://www.puff-x.com"><br><input type="radio" name="sitesearch" value=""> Web <input type="radio" name="sitesearch" value="http://www.puff-x.com" checked> Puff-x   <A HREF="http://www.google.com/" target="_blank">
  477. <IMG SRC="http://www.google.com/logos/Logo_40wht.gif" 
  478. border="0" ALT="Google" height="20px" align="left"></A><br>
  479. </font>
  480. </td></tr></TABLE>
  481. </FORM>
  482. <!-- SiteSearch Google --><p>
  483.  
  484. <div class="head">labels</div>
  485.  <a class="sidebar" href="labels/Artwork.html">Artwork</a><br />
  486.  <a class="sidebar" href="labels/Clips.html">Clips</a><br />
  487.  <a class="sidebar" href="labels/Cute.html">Cute</a><br />
  488.  <a class="sidebar" href="labels/Food.html">Food</a><br />
  489.  <a class="sidebar" href="labels/Games.html">Games</a><br />
  490.  <a class="sidebar" href="labels/hOP.html">hOP</a><br />
  491.  <a class="sidebar" href="labels/Movies.html">Movies</a><br />
  492.  <a class="sidebar" href="labels/Music.html">Music</a><br />
  493.  <a class="sidebar" href="labels/Perth%20Vacation%2007.html"><b>Perth Vacation 07</b></a><br />
  494.  <a class="sidebar" href="labels/Update.html">Site Updates</a><br />
  495. <p>
  496.  
  497. <div class="head">what you missed</div>
  498. <BloggerPreviousItems>-<a class="sidebar" href="<$BlogItemPermalinkURL$>"> <$BlogPreviousItemTitle$>
  499.    </a><br />
  500.       </BloggerPreviousItems>
  501. <p>
  502.  
  503. <div class="head">archives</div>
  504. <BloggerArchives>
  505. <a class="sidebar" href='<$BlogArchiveURL$>'><$BlogArchiveName$></a>
  506. </BloggerArchives>
  507. <p>
  508. <br>
  509. <div class="notes">Done on a Mac. ?<br />
  510. powered by Blogger. </div>
  511. <div align="center"><b>Judacris's Blog @ Puff-x.com. <br> 2004 - 2007 Puff-x.com.</b>
  512. <br>email: <a class="sidebar" href="mailto:judacris@gmail.com">judacris@gmail.com</a>
  513. <br>All Copyrighted Property belong to their Respective Owners. 
  514. <br><br>
  515. <a href="atom.xml" title="RSS - Puff-x.com"  target="_blank"  style="text-decoration: none"><img src="pfx_main/rsspuffx.gif"></a></font>
  516. <br>
  517. <a href="http://www.spreadfirefox.com/?q=affiliates&amp;id=198769&amp;t=219"><img border="0" alt="Firefox 2" title="Firefox 2" src="http://sfx-images.mozilla.org/affiliates/Buttons/firefox2/ff2b80x15.gif"/></a></a>
  518. <br><!--Creative Commons License--><a rel="license" href="http://creativecommons.org/licenses/by-nc/2.5/" target="_blank"><img alt="Creative Commons License" border="0" src="http://creativecommons.org/images/public/somerights20.png"/></a><br/>The Blog's Layouts are licenced under a 
  519. <br><a class="sidebar" rel="license" href="http://creativecommons.org/licenses/by-nc/2.5/">Creative Commons Licence</a>.<!--/Creative Commons License--><!-- <rdf:RDF xmlns="http://web.resource.org/cc/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
  520.         <Work rdf:about="">
  521.             <license rdf:resource="http://creativecommons.org/licenses/by-nc/2.5/" />
  522.     <dc:title>Judacris's blog</dc:title>
  523.     <dc:creator><Agent><dc:title>Julian Yeo</dc:title></Agent></dc:creator>
  524.     <dc:type rdf:resource="http://purl.org/dc/dcmitype/Text" />
  525.         </Work>
  526.         <License rdf:about="http://creativecommons.org/licenses/by-nc/2.5/"><permits rdf:resource="http://web.resource.org/cc/Reproduction"/><permits rdf:resource="http://web.resource.org/cc/Distribution"/><requires rdf:resource="http://web.resource.org/cc/Notice"/><requires rdf:resource="http://web.resource.org/cc/Attribution"/><prohibits rdf:resource="http://web.resource.org/cc/CommercialUse"/><permits rdf:resource="http://web.resource.org/cc/DerivativeWorks"/></License></rdf:RDF> -->
  527. <br>Learn about the <a class="sidebar" href="http://creativecommons.org" target="_blank">Creative Commons</a>.</div>
  528. <br><b>blog designed by <a class="sidebar"  href="mailto:judacris@gmail.com">Julian Yeo.</a>  puff-x.com</b>
  529. </div>
  530.  
  531. </body>
  532.  
  533. </html>
the code causes the blogcontent div to appear center but the sidebar div appears at the bottom of the page. how do i fix this so that it appears like it is on the blog now but make it centered in the page? i'm not worried about errors on IE for now. just firefox or safari.

thanks.
Jun 17 '07 #1
Share this Question
Share on Google+
1 Reply


drhowarddrfine
Expert 5K+
P: 7,435
You might want to try that again.
Jun 17 '07 #2

Post your reply

Sign in to post your reply or Sign up for a free account.