<!-- m --><a class="postlink" href="http://www.matts-website.net/cj/">http://www.matts-website.net/cj/</a><!-- m -->
It fits a 800X600 resolution if I don't use auto. I obviously want to use auto.
If you can knock out the white space below the menu images in Mozilla/FF then that would be great to.white spaces (<!-- m --><a class="postlink" href="http://devedge.netscape.com/viewsource/2002/img-table/">http://devedge.netscape.com/viewsource/2002/img-table/</a><!-- m -->): add vertical-align: bottom; to #menu img
Wouldn't reducing the width of #content be acceptable?
Typo:
h1 img {
width:375px;
height:50px;
}I probably have that link bookmarked somewhere, but it just got lost in all of my web design links.
I went and fixed it, and fixed the typo. I did shrink the oontainer down to 700px. Not that's an ideal solution, but it will work for now. The thing I saw after I posted is the border on top of the footer is wider than the border that's on the bottom on the <h1> tag, and I'm not sure why.Change the #footer <div> to a <p>. I bit odd 
edit: I had another look at this, it looked familiar. You have to specify the font-size:1em; for H1. Leave #footer as <div>.
The W3C suggests using their default style sheet (<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/sample.html">http://www.w3.org/TR/REC-CSS2/sample.html</a><!-- m -->) which specifies, among other elements, the headers. Using their style sheet would mean redesigning your page! Another recomendation to follow from W3C
Don't forget to close ALL elements in XHTML 1.1Ok, I got that fixed. I'm working on the resume page and now the menu "floats" to the left of where it's supposed to. I went through and added padding:0; to a number of elements and that's helped a bunch, but it isn't where it needs to be.I went and found a fix for the menu issue. It's not ideal, but it works, so currently there is no real CSS issue. For now.
It fits a 800X600 resolution if I don't use auto. I obviously want to use auto.
If you can knock out the white space below the menu images in Mozilla/FF then that would be great to.white spaces (<!-- m --><a class="postlink" href="http://devedge.netscape.com/viewsource/2002/img-table/">http://devedge.netscape.com/viewsource/2002/img-table/</a><!-- m -->): add vertical-align: bottom; to #menu img
Wouldn't reducing the width of #content be acceptable?
Typo:
h1 img {
width:375px;
height:50px;
}I probably have that link bookmarked somewhere, but it just got lost in all of my web design links.
I went and fixed it, and fixed the typo. I did shrink the oontainer down to 700px. Not that's an ideal solution, but it will work for now. The thing I saw after I posted is the border on top of the footer is wider than the border that's on the bottom on the <h1> tag, and I'm not sure why.Change the #footer <div> to a <p>. I bit odd edit: I had another look at this, it looked familiar. You have to specify the font-size:1em; for H1. Leave #footer as <div>.
The W3C suggests using their default style sheet (<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/sample.html">http://www.w3.org/TR/REC-CSS2/sample.html</a><!-- m -->) which specifies, among other elements, the headers. Using their style sheet would mean redesigning your page! Another recomendation to follow from W3C
Don't forget to close ALL elements in XHTML 1.1Ok, I got that fixed. I'm working on the resume page and now the menu "floats" to the left of where it's supposed to. I went through and added padding:0; to a number of elements and that's helped a bunch, but it isn't where it needs to be.I went and found a fix for the menu issue. It's not ideal, but it works, so currently there is no real CSS issue. For now.