Need a bit of XHTML/CSS advice

[Electrode]

I'm giving my site a much needed and long overdue rewrite and redesign. I've got it working for the most part but I've run into one problem:

newtemplate.php

Note the navigation menu on the right. I want that to appear at the top of the page, just below the title bar. However, if the text on the left "fills" the column, it is pushed down below that text.

I know this can be resolved with a table, but the old design I'm replacing is a convoluted mess of tables so I want to use pure CSS if at all possible. Can anyone offer any advice?

On a related note, notice the page title next to the site name in the title bar. Is it possible to align that to the right side of the bar while keeping it aligned with the site name text, without using tables?

 

[Electrode]

up

 

[screw3d]

I'll try to help once your website stops timing out

 

[Electrode]

I accidentally pulled the network cable out of the server this morning, should be working correctly now.

 

[Zugzwang152]

Originally posted by: Electrode

On a related note, notice the page title next to the site name in the title bar. Is it possible to align that to the right side of the bar while keeping it aligned with the site name text, without using tables?

float your headerpagename right.

<span class="headerpagename">Template</span>

span.headerpagename {

float: right;

}

 

[Zugzwang152]

Originally posted by: Electrode

Note the navigation menu on the right. I want that to appear at the top of the page, just below the title bar. However, if the text on the left "fills" the column, it is pushed down below that text.

I see your main column text wrapping, and your nav bar is still at the top. what do you mean by this?

 

[wkinney]

your page is timing out, but i believe what your problem is from your post is the IE grow bug...

put this at the end of your menu or whatever contains the text:


My text, etc....
<div class="spacer1"></div>


and in your css:
html>body div.spacer1 { /* fix for IE */
font-size: 0px;
margin: 0px;
padding: 0px;
clear: both;
height: 0px;
}

 

[screw3d]

I've done the following minus all the formatting, plus some minor changes to the HTML. See if this works for you.

 

[Electrode]

screw3d's suggestion worked perfectly. Thanks!