0 Replies - 945 Views - Last Post: 14 May 2009 - 08:30 AM

#1 hakkai2508  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 44
  • Joined: 03-November 08

widgets pushed below sidebar

Post icon  Posted 14 May 2009 - 08:30 AM

I managed to edit this code by adding a new sidebar, but the contents are pushed below the previous sidebar. What is wrong with this code?

Some people told me to edit the outer wrapper part by changing the value eg make it larger, but I can't find any outer-wrapper part whatsoever. The only one that I found doesn't have anything which I can edit (or there is..?)

Help :blink:

P/S: I didn't expand the widgets template.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
	<b:include data='blog' name='all-head-content'/>
	<title><data:blog.pageTitle/></title>
	<b:skin><![CDATA[/* 
 * Tekka
 * style modified from glish: http://www.glish.com/css/ 
 *
 * Updated by Blogger Team
 */

/* Variable definitions 

  <Variable name="mainBgColor" description="Page Background Color"
	type="color" default="#f5f5f5" value="#000000">
  <Variable name="mainTextColor"  description="Text Color"
	type="color" default="#000000" value="#ffffff">
  <Variable name="dateHeaderColor" description="Date Header Color"
	type="color" default="#808080" value="#808080">
  <Variable name="mainLinkColor" description="Link Color"
	type="color" default="#0000ff" value="#0000ff">
  <Variable name="mainVisitedLinkColor" description="Visited Link Color"
	type="color" default="#800080" value="#800080">

  <Variable name="sidebarBgColor" description="Sidebar Background Color"
	type="color" default="#ffffff" value="#000000">
  <Variable name="sidebarTextColor" description="Sidebar Text Color"
	type="color" default="#000000" value="#ffffff">
  <Variable name="sidebarTitleColor" description="Sidebar Title Color"
	type="color" default="#000000" value="#f5f5f5">
  <Variable name="sidebarLinkColor" description="Sidebar Link Color"
	type="color" default="#0000ff" value="#0000ff">
  <Variable name="sidebarVisitedLinkColor" description="Sidebar Visited Link Color"
	type="color" default="#800080" value="#800080">

  <Variable name="bodyFont" description="Text Font"
   type="font" default="normal normal 100% 'Trebuchet MS', verdana, sans-serif" value="normal normal 100% Verdana, sans-serif">

  <Variable name="startSide" description="Start side in blog language"
			type="automatic" default="left" value="left">
  <Variable name="endSide" description="End side in blog language"
			type="automatic" default="right" value="right">
*/

body {
background:url("http://img.photobucket.com/albums/v644/an_hakkai/backgroundblog.jpg")repeat-x;
background-attachment: fixed;
  margin-top:0px;
  margin-$endSide:0px;
  margin-bottom:0px;
  margin-$startSide:0px;
  font-size: small;
  background-color: $mainBgColor;
  color: $mainTextColor;
}

#content-wrapper { 
  margin-top: 0px;
  margin-$endSide: 0px;
  margin-bottom: 0;
  margin-$startSide: 5px;
 }

h1 {
  font-size:400%;
  padding-$startSide:15px;
  text-transform:uppercase;
}

h1 a, h1 a:link, h1 a:visited {
  text-decoration:none;
  color: $mainTextColor;
}

.description {
  text-align: center;
  padding-top:10px;
}

h2.date-header {
  border-bottom:none;
  font-size: 130%;
  text-align:$startSide;
  margin-top:20px;
  margin-bottom:14px;
  padding:1px;
  padding-$startSide:17px;
  color: $dateHeaderColor;
  font-weight: normal;
  font-family: Trebuchet MS, Verdana, Sans-serif;
}

.post h3 {
  font-size: 150%;
  font-weight:bold;
}

.post h3 a,
.post h3 a:visited { 
  color: $mainTextColor;
 }

.post { 
  padding-$startSide:20px;
  margin-bottom:20px;
  text-indent:10px;
  padding-$endSide:20px;
  line-height:22px;
}

.post-footer {
  margin-bottom:15px;
  margin-$startSide:0px;
  font-size: 87%;
}

#comments {
  margin-$startSide: 20px;
}

.feed-links {
  clear: both;
  line-height: 2.5em;
  margin-$startSide: 20px;
}

#blog-pager-newer-link {
  float: $startSide;
  margin-$startSide: 20px;
 }

#blog-pager-older-link {
  float: $endSide;
 }
 
#blog-pager {   
  text-align: center; 
 }

#main {
  float:$startSide;
  padding-bottom:20px;
  padding:0px;
  width:67%;
  font: $bodyFont;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;	 /* fix for long non-text content breaking IE sidebar float */
}
.sidebar h2 {
  font-weight:bold;
  font-size: 150%;
  color: $sidebarTitleColor;
}

a {
  text-decoration:none
}
a:hover {
  border-bottom:dashed 1px red;
}

a img { 
 border: 0;
}

a { 
 color: $mainLinkColor;
}

a:hover,
a:visited { 
 color: $mainVisitedLinkColor;
}

#sidebar a { 
 color: $sidebarLinkColor;
}

#sidebar a:hover,
#sidebar a:visited { 
 color: $sidebarVisitedLinkColor;
}

#sidebar {
  text-transform:none;
  background-color: $sidebarBgColor;
  color: $sidebarTextColor;
  padding-$startSide: 20px;
  width: 30%;
  float: $endSide;
  font: $bodyFont;
  border-$startSide:2px dashed $mainTextColor;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;	 /* fix for long non-text content breaking IE sidebar float */
}

.sidebar .widget {
  padding-top: 4px;
  padding-$endSide: 8px;
  padding-bottom: 0;
  padding-$startSide: 0;
 }

#new-sidebar {
  text-transform:none;
  background-color: $sidebarBgColor;
  color: $sidebarTextColor;
  padding-$startSide: 20px;
  width: 30%;
  float: $endSide;
  font: $bodyFont;
  border-$startSide:2px dashed $mainTextColor;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;	 /* fix for long non-text content breaking IE sidebar float */
}

.new-sidebar .widget {
  padding-top: 4px;
  padding-$endSide: 8px;
  padding-bottom: 0;
  padding-$startSide: 0;
 }

.profile-textblock { 
  clear: both;
  margin-$startSide: 0;
}

.profile-img { 
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
}

.clear { 
  clear: both;
 }

.comment-footer { 
  padding-bottom: 1em;
}
]]></b:skin>

<link href='http://img.photobucket.com/albums/v644/an_hakkai/NLOGO.jpg' rel='SHORTCUT ICON'/>
  </head>

  <body>
  <div id='outer-wrapper'><div id='wrap2'>

	<!-- skip links for text browsers -->
	<span id='skiplinks' style='display:none;'>
	  <a href='#main'>skip to main </a> |
	  <a href='#sidebar'>skip to sidebar</a>
	</span>
 
	<div id='content-wrapper'>			 

	  <div id='crosscol-wrapper' style='text-align:center'>
		<b:section class='crosscol' id='crosscol' showaddelement='no'/>
	  </div>

	  <div id='main-wrapper'>
		<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Header1' locked='true' title='straight.to.your.eyes.gahaha (Header)' type='Header'/>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
	  </div>

	  <div id='sidebar-wrapper'><div id='new-sidebar-wrapper'>
		<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='Text1' locked='false' title='**************************' type='Text'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='HTML5' locked='false' title='Facebook' type='HTML'/>
<b:widget id='Gadget1' locked='false' title='how many days have I lived' type='Gadget'/>
<b:widget id='HTML1' locked='false' title='Garguin' type='HTML'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>



<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'/>
<b:widget id='BlogList1' locked='false' title='::friends&apos; blogs' type='BlogList'/>
<b:widget id='HTML2' locked='false' title='kotak.jerit.keluar' type='HTML'/>
<b:widget id='HTML3' locked='false' title='traffic traffic!' type='HTML'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='Label1' locked='false' title=':tags:' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='Archive' type='BlogArchive'/>
</b:section>
	  </div></div>

	  <!-- spacer for skins that want sidebar and main to be the same height-->
	  <div class='clear'> </div>

	</div> <!-- end content-wrapper -->

  </div></div> <!-- end outer-wrapper -->
</body>
</html>
				


Is This A Good Question/Topic? 0
  • +

Page 1 of 1