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

Home Questions Articles Browse Topics Latest Top Members FAQ

home > topics > html / css > questions > blog's 2 divs won't center side-by-side.
+ 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.  
  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
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.

Question stats

  • viewed: 2832
  • replies: 1
  • date asked: Jun 17 '07
BYTES.COM © 2020 About Bytes | Advertise on Bytes | Privacy Policy | Manage Cookies
Sitemap | HTML / CSS Answers Sitemap | HTML / CSS Insights Sitemap

Follow us to get the Latest Bytes Updates