Navigation Bar Shifting

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I set up my site in Front Page, and have one page that I update dynamically
using Blogger....I have cut and pasted the code into my Blogger template, and
the page seems to work fine with one exception:

When I make a new Blogger entry, the left-side navigation bar shifts
downward...there is obviously something in the code, but I don't have a good
enough command of HTML to figure it out....can somebody help? The page in
question is located at http://home.comcast.net/~runhopkinton/news.htm

Thanks!!!!!!
 
Andy,

The problem lies in the fact that your using 1 Table ( id="table3 ) with two
cells for your navigation and blog content. As you add content to your blog
cell:
<td width="75%">
<h5> </h5>
<div class="blogPost">

Your navigation cell will inherit the same height:
<td width="25%" rowSpan="2">
<!--webbot bot="Navigation" s-orientation="vertical" s-rendering="graphics"
s-type="top" b-include-home="TRUE" b-include-up="TRUE" --></td>

A possible fix to this would be to create two tables:

1- Create your navigation table using 25% width / with left alignment and
left float.

2- Create your blog table using 75 % width / with left alignment and default
float

This will resolve your navigation adjusting as your blog content becomes
greater

JDR
*****************
 
Set the vertical alignment in the navigation column to top:
Change <td width="25%" rowspan="2">
to <td width="25%" rowspan="2" valign="top">

This can also be done in design/normal view:
Right click in the navigation cell
Choose cell properties
Set alignment
 
Back
Top