470,582 Members | 2,610 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

home > topics > html / css > questions > blog's 2 divs won't center side-by-side.

Post your question to a community of 470,582 developers. It's quick & easy.

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

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

Similar topics
Centering a collection of floated divs
3 posts views Thread by Chris | last post: by
Inline DIVs Under Netscape/Opera
30 posts views Thread by Adam Siler | last post: by
Static size centered DIV between two fluid DIVs?
2 posts views Thread by David Winter | last post: by
2 divs on same line
14 posts views Thread by Daniel | last post: by
roula
How do i center align divs
19 posts views Thread by roula | last post: by
centering two floated divs?
1 post views Thread by yawnmoth | last post: by
Programming
1 post views Thread by livre | last post: by
BYTES.COM © 2022
About Us
Advertise
Terms Of Use
Privacy Policy
Manage Cookies
Contact Us
Sitemap

Follow us! Get the Latest Bytes Updates
By using this site, you agree to our Privacy Policy and Terms of Use.