Topic: CSS to replace tables

Ok, I know I am way in the past with the elimination of tables, but I am finally making the switch. I am using the float property with two div ids to emulate 2 column tables. In the nav table on the left I am trying to use another div tag with different properties to emulate a second table. My first problem is I can't seem to get the inner table to vertically align. I have tried the valign tag within the html as well as vertical-align: middle within the CSS. Any ideas?

My second problem is that in Firefox the right column doesn't float, but is placed below my nav column, but only in Firefox, it works fine in IE?
You can see what I mean at http://getyournotes.com/v2

Thanks a bunch.

B.

http://www.ozoneasylum.com/29308?&latestPost=true#latestPost

I have solved this problem. Thanks for the help Reisio.

Ok, I have looked for quite a while and have not found a clear answer to another question that I have. Is there anyway with my main body div to limit the amount of space text can go. I tried maximum width, but that screwed up everything. I would like for the text to automatically be formatted into paragraphs.

Looks like you've sort of figured it out already, though p's inside h2's isn't right.

Just set margin-right or width.

looking good. looks like you cleaned up all the code now, too

is it just a temporary glitch or the markup is a mess ? It looks like 2 pages are inserted in one document, plus there is different case for the tags ( <Br> ), some exotic tags ( e.g. <justify> ), deprecated tags ( e.g. <center> ), weird closing tags ( <style> in the middle of the markup ), ... FYI the w3c validator reports 105 errors and 5 warnings, the HTML5 validator reports 25 errors.

Was there anything wrong with the basic ( valid HTML5 ) page I gave in CSS as Colums not in IE though ? AFAIK it should be enough to provide a template for all your pages.

If you are looking at the /v2 version that one is no longer correct and is not updated at all. All the new files have been place in the / dir. As for the markup looking like 2 pages are in the one I am using a php include for the header, footer, and left nav. These files did have the common HTML tags present in them, but should be removed now.