473,226 Members | 1,391 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,226 software developers and data experts.

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. 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
1 3449
drhowarddrfine
7,435 Expert 4TB
You might want to try that again.
Jun 17 '07 #2

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

Similar topics

3
by: Chris | last post by:
Hi, I am pretty new to CSS authoring and find myself in a tricky situation. I have a series of divs (dynamically generated - there could be up to 8) as follows: <div class="person">...
30
by: Adam Siler | last post by:
i want to display a series of inline, fixed-width DIVs that will wrap into columns - a table, basically. i can do it under Internet Explorer, but the same code under Netscape or Opera does not...
2
by: David Winter | last post by:
This is a totally trivial CSS problem, I'm sure, but I don't get it. I want a centered DIV with a fixed width between two other DIVs that should fill the rest of the window/viewport (= 100%). How...
2
by: BenOne© | last post by:
Hi all, I'm trying to create an image gallery with CSS but I can't get the thumbnails to center horizontally as a group. The page, including css defined in the <HEAD> is located at:...
4
by: Mimo Zus | last post by:
I'm hoping that someone can explain what's going on; better yet provide a workaround. I'm designing a centered CSS site based on a 550 pixel wide vertical background image. Onto this background...
14
by: Daniel | last post by:
Hi i have a requirement for the following layout in my masterpage: 1 div for header 1 div for footer Between those divs i want a div for the left menu, then a div for the content in the...
19
roula
by: roula | last post by:
I HATE DIVS AND DIFFERENT BROWSERS!!! i spent the whole day and night searching for a way to center align stupid divs, the problem is that the code is so sensitive, i lost my mind trying to make them...
1
by: yawnmoth | last post by:
I'd like to center two floated divs but am unsure of how to do so. Here's my code: http://www.frostjedi.com/terra/scripts/demo/div-float-center.html It seems like setting the width of the...
12
by: daniel2335 | last post by:
This problem is everywhere! I have read all forums available, spent about 40+ hours on it and lost a bit of hair. I was going to explain what its ment to look like but I just realised removing the...
0
by: nlindsay | last post by:
I am trying to center align 2 left floated divs within a % width background. I know that setting the wrapper div to a fixed width works, but can it be done with a fluid background? (basically I...
0
by: VivesProcSPL | last post by:
Obviously, one of the original purposes of SQL is to make data query processing easy. The language uses many English-like terms and syntax in an effort to make it easy to learn, particularly for...
3
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 3 Jan 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). For other local times, please check World Time Buddy In...
0
by: abbasky | last post by:
### Vandf component communication method one: data sharing ​ Vandf components can achieve data exchange through data sharing, state sharing, events, and other methods. Vandf's data exchange method...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
1
by: davi5007 | last post by:
Hi, Basically, I am trying to automate a field named TraceabilityNo into a web page from an access form. I've got the serial held in the variable strSearchString. How can I get this into the...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: Aftab Ahmad | last post by:
Hello Experts! I have written a code in MS Access for a cmd called "WhatsApp Message" to open WhatsApp using that very code but the problem is that it gives a popup message everytime I clicked on...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.