Minor alignment issue

Hi All,

Test page is http://www.clhdesigns.com/premierapp/

You will notice on the Appraisals Page that the right hand column is below the form and not the right hand side like every other page.

The containing table is well under the width of the content area to not run into the right hand side to push it down. So just wondering what gives?? I looked at it in Firebug and it does not even register that I have a div named “right” like every other page does but it is in the code.

Thanks

Hi, firebug merely tries to show you what it think is the c orrect HTML.
Always rely on the HTML validator to tell you what you have correct and wrong :slight_smile:

Make sure the nesting is correct and if it isn’t fixed then shout.

I’m using IE and I see


</form>
</div>
<div id="right">

While on other pages I see


</form>
</div>
</div> <!--This closes #content-->
<div id="right">

Don’t rely completely on Firebug to find issues, look at what is different from the rest of the pages in the actual source code.

I should add even though firebug puts it in the left handed div

the code as I’ve written appears as this as

</TABLE>
	</form>
  </div>
  <div id="right">
  <h1>Proud Members Of</h1>
  <p><img src="images/aiclogo.jpeg" width="200" height="213" /><img src="images/logo_TorontoREB.gif" width="201" height="77" /></p>
  </div>
</div>
</body>
</html>

It already is outside of the content div on the page. That’s why It’s seems so odd or mabey I’m missing it.

On the Appraisals page, #right needs to be outside of Content like it is on the rest of the pages.