Text appearing below navigational column

[MarkStrobel3367]

Presently, the text below the navigational column to the left of http://www.strongfamilies.us/links.php and every page of my site appears too many lines below the column leaving a gap. I would like the text to appear one line below the column but I don't know how to do this. How can I fix this problem? Thanks.

 

[Brian Angel]

Okay so, just for starters. You’re using HTML5 Microdata in a doctype for HTML 4.01 Transitional. So, there’s that. I looked further in your code and it’s dreadful. Closing tags for things that weren’t open, Invalid Unicode characters... man I could go on and on. How to fix it, do it again properly, because there are way too many errors (and I just looked at the HTML, not any of the CSS or JS).

 

[Janja]

You are going to have to wrap the content in a div tag, give it a width and a float of right. That way, it would not wrap around the sidebar at all.

But after reading this, I think you just want more or less space under the sidebar? Give your a positive margin for more space or a negative value for less: div id="chat" style="margin-bottom:-20px;"
That way you get less space below but I think it could also use bottom-padding so it doesn't quite get so tight there....

 

[PixelPusher]

Create a two column layout..quite simple. This way your content stay organized.
Something like this:

<div class="grid">
  <div><!-- Sidebar --></div>
  <div><!-- Main Content --></div>
</div>

And like Brian stated, remove html5 tags if you are not using the html 5 doctype! Without the right doctype the tags will not be recognized, nor wil your page validate.

 

[Brian Angel]

While all this is really good information, none of it will help if the code is bad, and it is. The head tag isn’t even closed. None of the good information provided above will help with the kind and type of errors this page has.

 

[MarkStrobel3367]

Thank you so much for your responses. This issue is now resolved!