Jump to content

Div, background image not aligning properly.

bbr

By bbr
in HTML/XHTML

Recommended Posts

bbr Newbie

bbr

Posted
Posted

OK, this is probably a pretty easy bug.Probably.But, if i was able to find it i wouldn't be posting here.It varies per browser, but if i look at this in safari : http://rrvs.blogspot.com/The side panels have an odd alignment problem at their bottom side.The height of the panel is fine, but the background image in all but the top 2 panels seems to be a number of pixels shifted upward.On IE7 is looks fine at first glance, but when scrolling up and down the problem appears there also.Bad bottom : http://img207.imageshack.us/img207/9564/picture1dn1.pngOk and bad : http://img404.imageshack.us/img404/9250/picture2sz8.pngHere's the code.I suspect it's something to do with margins, but haven't had much luck figuring it out so far.A hint in the right direction would hopefully solve my headache in this.

<?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><meta content='eiKxoMITw3UOgDUmmEigcNYypjrDLiJaLSxiSohqNHA=' name='verify-v1'/>  <b:include data='blog' name='all-head-content'/>  <title><data:blog.pageTitle/></title>  <b:skin><![CDATA[/*-----------------------------------------------Blogger Template StyleOriginal Name:		Rounders 3Original Designer:	Douglas BowmanURL:				www.stopdesign.comDate:				27 Feb 2004Updated by:			Blogger Team, BBR----------------------------------------------- *//* Variable definitions  ====================   <Variable name="mainBgColor" description="Main Background Color"			 type="color" default="#eec" value="#C3D9FF">   <Variable name="mainTextColor" description="Text Color" type="color"			 default="#333" value="#000000">   <Variable name="postTitleColor" description="Post Title Color" type="color"			 default="#333" value="#000000">   <Variable name="dateHeaderColor" description="Date Header Color"			 type="color" default="#586" value="#000000">   <Variable name="borderColor" description="Post Border Color" type="color"			 default="#bbb" value="#C3D9FF">   <Variable name="mainLinkColor" description="Link Color" type="color"			 default="#456" value="#003366">   <Variable name="mainVisitedLinkColor" description="Visited Link Color"			 type="color" default="#234" value="#003366">   <Variable name="titleBgColor" description="Page Header Background Color"			 type="color" default="#357" value="#355585">   <Variable name="titleTextColor" description="Blog Title Color"			 type="color" default="#fff" value="#ffffff">   <Variable name="postFooterColor" description="Post Footer Color" type="color"			 default="#ddd" value="#e1ecff">   <Variable name="footerBgColor" description="Page Footer Background Color"			 type="color" default="#357" value="#355585">   <Variable name="navBar_TextColor" description="Sidebar Text Color"			 type="color" default="#fff" value="#ffffff">   <Variable name="navBar_HeaderTextColor" description="Sidebar Header Text Color"			 type="color" default="#fff" value="#ffffff">   <Variable name="navbar_LinkColor" description="Sidebar Link Color"			 type="color" default="#ccccff" value="#ccccff">   <Variable name="navbar_VLinkColor" description="Sidebar Visited Link Color"			 type="color" default="#ccccff" value="#ccccff">   <Variable name="navbar4_Header_Color" description="Navbar 4 Header Color"			 type="color" default="#000000" value="#000000">   <Variable name="navbarColor_1" description="Navbar 1 Color"			 type="color" default="#586" value="#355585">   <Variable name="navbarColor_2" description="Navbar 2 Color"			 type="color" default="#586" value="#355585">   <Variable name="navbarColor_3" description="Navbar 3 Color"			 type="color" default="#586" value="#355585">   <Variable name="navbarColor_4" description="Navbar 4 Color"			 type="color" default="#586" value="#C3D9FF">   <Variable name="navbarColor_5" description="Navbar 5 Color"			 type="color" default="#586" value="#355585">   <Variable name="navbarColor_6" description="Navbar 6 Color"			 type="color" default="#586" value="#355585">   <Variable name="bodyFont" description="Text Font" type="font"			 default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">   <Variable name="pageTitleFont" description="Blog Title Font" type="font"			 default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif">   <Variable name="descriptionFont" description="Blog Description Font" type="font"			 default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">   <Variable name="headerFont" description="Sidebar Title Font" type="font"			 default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">   <Variable name="postTitleFont" description="Post Title Font" type="font"			 default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,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:#123;  margin:0;  text-align:center;  line-height: 1.5em;  font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;  color:$mainTextColor;  font-size/* */:/**/small;  font-size: /**/small;  }/* Page Structure----------------------------------------------- *//* The images which help create rounded corners depend on the    following widths and measurements. If you want to change    these measurements, the images will also need to change.   */#outer-wrapper {  width: 980px;  margin:0 auto;  text-align:$startSide;  font: $bodyFont;  }#main-wrap1 {  width:600px;  float:$startSide;  background:$mainBgColor url("http://bbrtki.googlepages.com/corners_main_bot2.gif") no-repeat $startSide bottom;  margin:15px 0 0;  padding:0 0 10px;  color:$mainTextColor;  font-size:97%;  line-height:1.5em;  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 */  }#leftsidebar-wrap {  width:180px;  float:$endSide;  margin:15px 0 0;  margin-top:9px;  font-size:97%;  line-height:1.5em;  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 */  }#rightsidebar-wrap {  width:180px;  float:$endSide;  margin:15px 0 0;  margin-top:9px;  font-size:97%;  line-height:1.5em;  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 */  }#main-wrap2 {  float:$startSide;  width:100%;  background:url("http://bbrtki.googlepages.com/corners_main_top2.gif") no-repeat $startSide top;  padding:10px 0 0;  }#main {  background:url("http://www.blogblog.com/rounders3/rails_main.gif") repeat-y;  padding:0;  }.main .widget {   margin-top: 4px;  width: 600px;  padding: 0 13px;}.main .Blog {  margin: 0;  padding: 0;  width: 600px;}/* Links----------------------------------------------- */a:link {  color: $mainLinkColor;  }a:visited {  color: $mainVisitedLinkColor;  }a:hover {  color: $mainVisitedLinkColor;  }a img {  border-width:0;  }/* Blog Header----------------------------------------------- */#header-wrapper {  background:$titleBgColor url("http://bbrtki.googlepages.com/header_cap_top2.gif") no-repeat $startSide top;  width:600px;  margin-top:9px;  margin-$endSide:0;  margin-bottom:0;  margin-$startSide:0;  padding-top:8px;  padding-$endSide:0;  padding-bottom:0;  padding-$startSide:0;  color:$titleTextColor;  }#header {  background:url("http://bbrtki.googlepages.com/header_cap_bot2.gif") no-repeat $startSide bottom;  padding:0 15px 8px;  }#header h1 {  margin:0;  padding:10px 30px 5px;  line-height:1.2em;  font: $pageTitleFont;  }#header a,#header a:visited {  text-decoration:none;  color: $titleTextColor;  }#header .description {  margin:0;  padding:5px 30px 10px;  line-height:1.5em;  font: $descriptionFont;}/* Posts----------------------------------------------- */h2.date-header {  margin-top:0;  margin-$endSide:28px;  margin-bottom:0;  margin-$startSide:43px;  font-size:85%;  line-height:2em;  text-transform:uppercase;  letter-spacing:.2em;  color:$dateHeaderColor;  }.post {  margin:.3em 0 25px;  padding:0 13px;  border:1px dotted $borderColor;  border-width:1px 0;  }.post h3 {  margin:0;  line-height:1.5em;  background:url("http://www.blogblog.com/rounders3/icon_arrow.gif") no-repeat 10px .5em;  display:block;  border:1px dotted $borderColor;  border-width:0 1px 1px;  padding-top:2px;  padding-$endSide:14px;  padding-bottom:2px;  padding-$startSide:29px;  color: $postTitleColor;  font: $postTitleFont;  }.post h3 a, .post h3 a:visited {  text-decoration:none;  color: $postTitleColor;  }a.title-link:hover {  background-color: $borderColor;  color: $mainTextColor;  }.post-body {  border:1px dotted $borderColor;  border-width:0 1px 1px;  border-bottom-color:$mainBgColor;  padding-top:10px;  padding-$endSide:14px;  padding-bottom:1px;  padding-$startSide:29px;  }html>body .post-body {  border-bottom-width:0;  }.post p {  margin:0 0 .75em;  }.post-footer {  background: $postFooterColor;  margin:0;  padding-top:2px;  padding-$endSide:14px;  padding-bottom:2px;  padding-$startSide:29px;  border:1px dotted $borderColor;  border-width:1px;  font-size:100%;  line-height:1.5em;  color: #666666;}.post-footer p {   margin: 0;}html>body .post-footer {  border-bottom-color:transparent;  }.uncustomized-post-template .post-footer {  text-align: $endSide;}.uncustomized-post-template .post-author,.uncustomized-post-template .post-timestamp {  display: block;  float: $startSide;  text-align:$startSide;  margin-$endSide: 4px;}.post-footer a {   color: #456; }.post-footer a:hover {   color: #234; }a.comment-link {  /* IE5.0/Win doesn't apply padding to inline elements,	 so we hide these two declarations from it */  background/* */:/**/url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat $startSide 45%;  padding-$startSide:14px;  }html>body a.comment-link {  /* Respecified, for IE5/Mac's benefit */  background:url("http://www.blogblog.com/rounders3/icon_comment.gif") no-repeat $startSide 45%;  padding-$startSide:14px;  }.post img {  margin-top:0;  margin-$endSide:0;  margin-bottom:5px;  margin-$startSide:0;  padding:4px;  border:1px solid $borderColor;  }blockquote {  margin:.75em 0;  border:1px dotted $borderColor;  border-width:1px 0;  padding:5px 15px;  color: $dateHeaderColor;  }.post blockquote p {  margin:.5em 0;  }#blog-pager-newer-link {  float: $startSide;  margin-$startSide: 13px; } #blog-pager-older-link {  float: $endSide;  margin-$endSide: 13px; }#blog-pager {     text-align: center;  }.feed-links {   clear: both;  line-height: 2.5em;  margin-$startSide: 13px;}/* Comments----------------------------------------------- */#comments {  margin:-25px 13px 0;  border:1px dotted $borderColor;  border-width:0 1px 1px;  padding-top:20px;  padding-$endSide:0;  padding-bottom:15px;  padding-$startSide:0;  }#comments h4 {  margin:0 0 10px;  padding-top:0;  padding-$endSide:14px;  padding-bottom:2px;  padding-$startSide:29px;  border-bottom:1px dotted $borderColor;  font-size:120%;  line-height:1.4em;  color:$postTitleColor;  }#comments-block {  margin-top:0;  margin-$endSide:15px;  margin-bottom:0;  margin-$startSide:9px;  }.comment-author {  background:url("http://www.blogblog.com/rounders3/icon_comment.gif") no-repeat 2px .3em;  margin:.5em 0;  padding-top:0;  padding-$endSide:0;  padding-bottom:0;  padding-$startSide:20px;  font-weight:bold;  }.comment-body {  margin:0 0 1.25em;  padding-top:0;  padding-$endSide:0;  padding-bottom:0;  padding-$startSide:20px;  }.comment-body p {  margin:0 0 .5em;  }.comment-footer {  margin:0 0 .5em;  padding-top:0;  padding-$endSide:0;  padding-bottom:.75em;  padding-$startSide:20px;  }.comment-footer a:link {  color: #333;  }.deleted-comment {  font-style:italic;  color:gray;  }/* Profile----------------------------------------------- */.profile-img {   float: $startSide;  margin-top: 5px;  margin-$endSide: 5px;  margin-bottom: 5px;  margin-$startSide: 0;  border: 4px solid $navBar_TextColor;}.profile-datablock {  margin-top:0;  margin-$endSide:15px;  margin-bottom:.5em;  margin-$startSide:0;  padding-top:8px;}.profile-link {   background:url("http://www.blogblog.com/rounders3/icon_profile.gif") no-repeat $startSide .1em;  padding-$startSide:15px;  font-weight:bold;}.profile-textblock {  clear: both;  margin: 0;}/* Sidebar Boxes----------------------------------------------- */.sidebar .clear, .main .widget .clear {   clear: both;}/* Left Boxes-------------------------- */#lbar_top_wrap1 {  background:$navbarColor_1 url("http://bbrtki.googlepages.com/navbar_cap_bot2.gif") no-repeat $startSide bottom;  margin:0px 0px 5px;  padding:0px 0px 5px;  }#lbar_top_wrap2 {  background:url("http://bbrtki.googlepages.com/navbar_cap_top2.gif") no-repeat $startSide top;  padding: 5px 0 0;  margin:0;  border-width:0; }#lbar_mid_wrap1 {  background:$navbarColor_3 url("http://bbrtki.googlepages.com/navbar_cap_top2.gif") no-repeat $startSide top;  margin:0px 0px 5px;  padding:0px 0px 5px;}#lbar_mid_wrap2 {  background:url("http://bbrtki.googlepages.com/navbar_cap_bot2.gif") no-repeat $startSide bottom;  padding: 5px 0 0;  margin:0;  border-width:0;}#lbar_bot_wrap1 {  background:$navbarColor_5 url("http://bbrtki.googlepages.com/navbar_cap_top2.gif") no-repeat $startSide top;  margin:0px 0px 5px;  padding:0px 0px 5px;}#lbar_bot_wrap2 {  background:url("http://bbrtki.googlepages.com/navbar_cap_bot2.gif") no-repeat $startSide bottom;  padding: 5px 0 0;  margin:0;  border-width:0;}/* Right Boxes-------------------------- */#rbar_top_wrap1 {  background:$navbarColor_2 url("http://bbrtki.googlepages.com/navbar_cap_bot2.gif") no-repeat $startSide bottom;  margin:0px 0px 5px;  padding:0px 0px 5px;  }#rbar_top_wrap2 {  background:url("http://bbrtki.googlepages.com/navbar_cap_top2.gif") no-repeat $startSide top;  padding: 5px 0 0;  margin:0;  border-width:0; }#rbar_mid_wrap1 {  background:$navbarColor_4 url("http://bbrtki.googlepages.com/navbar_cap_top2.gif") no-repeat $startSide top;  margin:0px 0px 5px;  padding:0px 0px 5px;}#rbar_mid_wrap2 {  background:url("http://bbrtki.googlepages.com/navbar_cap_bot2.gif") no-repeat $startSide bottom;  padding: 5px 0 0;  margin:0;  border-width:0;}#rbar_mid_wrap2 h2{  color: $navbar4_Header_Color;} #rbar_bot_wrap1 {  background:$navbarColor_6 url("http://bbrtki.googlepages.com/navbar_cap_top2.gif") no-repeat $startSide top;  margin:0px 0px 5px;  padding:0px 0px 5px;}#rbar_bot_wrap2 {  background:url("http://bbrtki.googlepages.com/navbar_cap_bot2.gif") no-repeat $startSide bottom;  padding: 5px 0 0;  margin:0;  border-width:0;}/* Sidebar Fonts and colors----------------------------------------------- */.sidebar{  color: $navBar_TextColor;}.sidebar a {   color: $navbar_LinkColor;}.sidebar a:hover,.sidebar a:visited {   color: $navbar_VLinkColor;}.sidebar .widget {   margin: .5em 13px 1.25em;  padding: 0 0px; }.widget-content {   margin-top: 0.5em;  color: $navBar_TextColor } .sidebar h2 {  margin-top:0;  margin-$endSide:0;  margin-bottom:.5em;  margin-$startSide:0;  padding:0 0 .2em;  line-height:1.5em;  font:$headerFont;  color: $navBar_HeaderTextColor;}.sidebar ul {  list-style:none;  margin:0 0 1.25em;  padding:0;}.sidebar ul li {  background:url("http://www.blogblog.com/rounders3/icon_arrow_sm.gif") no-repeat 2px .25em;  margin:0;  padding-top:0;  padding-$endSide:0;  padding-bottom:3px;  padding-$startSide:16px;  margin-bottom:3px;  border-bottom:1px dotted $borderColor;  line-height:1.4em;  }.sidebar p {  margin:0 0 .6em;  }/* Footer----------------------------------------------- */#footer-wrap1 {  clear:both;  margin:0 0 10px;  padding:15px 0 0;  }#footer-wrap2 {  background:$footerBgColor url("http://bbrtki.googlepages.com/footer_cap_top2.gif") no-repeat $startSide top;  color:$titleTextColor;  }#footer {  background:url("http://bbrtki.googlepages.com/footer_cap_bot2.gif") no-repeat $startSide bottom;  padding:8px 15px;  }#footer hr {display:none;}#footer p {margin:0;}#footer a {color:$titleTextColor;}#footer .widget-content {  margin:0;}/* Page structure tweaks for layout editor wireframe----------------------------------------------- */body#layout #main-wrap1,body#layout #leftsidebar-wrap,body#layout #rightsidebar-wrap,body#layout #header-wrapper {  margin-top: 0;}body#layout #header, body#layout #header-wrapper,body#layout #outer-wrapper {   margin-$startSide:0,  margin-$endSide: 0;  padding: 0;}body#layout #outer-wrapper {   width: 730px;}body#layout #footer-wrap1 {   padding-top: 0; }]]></b:skin></head><body>  <div id='outer-wrapper'>	<table align='center' border='0' cellpadding='0' cellspacing='0'>		<tr valign='top'>			<td valign='top'>				  <div id='header-wrapper'>					<b:section class='header' id='header' maxwidgets='1'><b:widget id='Header1' locked='true' title='Random Ravings of Warcraft (Header)' type='Header'/></b:section>				  </div>							  <div id='crosscol-wrapper' style='text-align:center'>					<b:section class='crosscol' id='crosscol' showaddelement='no'/>				  </div>								  <div id='main-wrap1'>					  <div id='main-wrap2'>						<b:section class='main' id='main' showaddelement='no'><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/></b:section>					  </div>				  </div>			</td>			<td valign='top' width='5'>			</td>			<td valign='top'>				  <div id='leftsidebar-wrap'>					<div id='lbar_top_wrap1'>						<div id='lbar_top_wrap2'>							<b:section class='sidebar' id='lbar_top_id'><b:widget id='HTML4' locked='false' title='Hightlights' type='HTML'/></b:section>						</div>					</div>									<div id='lbar_mid_wrap1'>						<div id='lbar_mid_wrap2'>							<b:section class='sidebar' id='lbar_mid_id' preferred='yes'><b:widget id='LinkList2' locked='false' title='Rogues' type='LinkList'/><b:widget id='LinkList6' locked='false' title='Hunters' type='LinkList'/><b:widget id='LinkList7' locked='false' title='Druids' type='LinkList'/><b:widget id='LinkList5' locked='false' title='Other WoW Blogs' type='LinkList'/><b:widget id='HTML2' locked='false' title='' type='HTML'/></b:section>						</div>					</div>					<div id='lbar_bot_wrap1'>						<div id='lbar_bot_wrap2'>							<b:section class='sidebar' id='lbar_bot_id' preferred='yes'><b:widget id='LinkList8' locked='false' title='Commissions' type='LinkList'/><b:widget id='LinkList4' locked='false' title='WoW Comics' type='LinkList'/><b:widget id='LinkList1' locked='false' title='WoW Related Links' type='LinkList'/><b:widget id='LinkList3' locked='false' title='WoW Addons' type='LinkList'/></b:section>						</div>					</div>				  </div>			</td>			<td valign='top' width='5'>			</td>			<td valign='top'>				  <div id='rightsidebar-wrap'>					<div id='rbar_top_wrap1'>						<div id='rbar_top_wrap2'>							<b:section class='sidebar' id='rbar_top_id'><b:widget id='HTML3' locked='false' title='The Author' type='HTML'/></b:section>						</div>					</div>									<div id='rbar_mid_wrap1'>						<div id='rbar_mid_wrap2'>							<b:section class='sidebar' id='rbar_mid_id' preferred='yes'><b:widget id='Poll1' locked='false' title='How much gold do you have?' type='Poll'/></b:section>						</div>					</div>					<div id='rbar_bot_wrap1'>						<div id='rbar_bot_wrap2'>							<b:section class='sidebar' id='rbar_bot_id' preferred='yes'><b:widget id='HTML1' locked='false' title='' type='HTML'/><b:widget id='HTML7' locked='false' title='Support: No Gold' type='HTML'/><b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/></b:section>						</div>					</div>				  </div>			</td>		</tr>		<tr>			<td colspan='3' valign='top'>				  <div id='footer-wrap1'>					  <div id='footer-wrap2'>						<b:section class='footer' id='footer'><b:widget id='AdSense1' locked='false' title='' type='AdSense'/><b:widget id='HTML6' locked='false' title='' type='HTML'/></b:section>					  </div>				  </div>			</td>		</tr>	</table></div></body></html>

Link to comment
Share on other sites
Synook w3schools Guru

Synook

Posted
Posted
So yes, it is difficult because of the reason I stated above and for this reason also: Your Site's Validation Test
ARGH
Link to comment
Share on other sites
bbr Newbie

bbr

Posted
  • Author
Posted
I'm sure there is an easy fixed but your codes is a bit unorganized and somewhat bloated which is why (up till now) no has searched for a solution.So yes, it is difficult because of the reason I stated above and for this reason also: Your Site's Validation Test
Wooo. 508 errors.That's going to take a bit to fix. Quotation marks would likely help a lot i guess.Down to 394 now, the & errors are impossible to fix for the current time, unless blogger changes it's autogenerated output.
Link to comment
Share on other sites
bbr Newbie

bbr

Posted
  • Author
Posted

Issue fixed, this code changed:

/* Left Boxes-------------------------- */#lbar_top_wrap1 {  background:$navbarColor_1 url("http://bbrtki.googlepages.com/navbar_cap_bot2.gif") no-repeat $startSide bottom;  margin:0px 0px 5px;  padding:0px 0px 5px;  }#lbar_top_wrap2 {  background:url("http://bbrtki.googlepages.com/navbar_cap_top2.gif") no-repeat $startSide top;  padding: 5px 0 0;  margin:0;  border-width:0; }#lbar_mid_wrap1 {  background:$navbarColor_3 url("http://bbrtki.googlepages.com/navbar_cap_top2.gif") no-repeat $startSide top;  margin:0px 0px 15px;  padding:10px 0px 0px;}#lbar_mid_wrap2 {  background:url("http://bbrtki.googlepages.com/navbar_cap_bot2.gif") no-repeat $startSide bottom;  padding: 5px 0 0;}#lbar_bot_wrap1 {  background:$navbarColor_5 url("http://bbrtki.googlepages.com/navbar_cap_top2.gif") no-repeat $startSide top;  margin:0px 0px 15px;  padding:10px 0px 0px;}#lbar_bot_wrap2 {  background:url("http://bbrtki.googlepages.com/navbar_cap_bot2.gif") no-repeat $startSide bottom;  padding: 5px 0 0;}/* Right Boxes-------------------------- */#rbar_top_wrap1 {  background:$navbarColor_2 url("http://bbrtki.googlepages.com/navbar_cap_bot2.gif") no-repeat $startSide bottom;  margin:0px 0px 5px;  padding:0px 0px 5px;  }#rbar_top_wrap2 {  background:url("http://bbrtki.googlepages.com/navbar_cap_top2.gif") no-repeat $startSide top;  padding: 5px 0 0;  margin:0;  border-width:0; }#rbar_mid_wrap1 {  background:$navbarColor_4 url("http://bbrtki.googlepages.com/navbar_cap_top2.gif") no-repeat $startSide top;  margin:0px 0px 15px;  padding:10px 0px 0px;}#rbar_mid_wrap2 {  background:url("http://bbrtki.googlepages.com/navbar_cap_bot2.gif") no-repeat $startSide bottom;  padding: 5px 0 0;}#rbar_mid_wrap2 h2{  color: $navbar4_Header_Color;} #rbar_bot_wrap1 {  background:$navbarColor_6 url("http://bbrtki.googlepages.com/navbar_cap_top2.gif") no-repeat $startSide top;  margin:0px 0px 15px;  padding:10px 0px 0px;}#rbar_bot_wrap2 {  background:url("http://bbrtki.googlepages.com/navbar_cap_bot2.gif") no-repeat $startSide bottom;  padding: 5px 0 0;}

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...