For www.ivancash.com, I would like to get both the wrapper and the footer to the bottom of the page, without unneccessarily using the vertical scroll bar. I have NO IDEA how to do this, so some help would be awesome!

Also, on the "about" page, there is a grey block at the top of the page that I can't get rid of... any suggestions?

Lastly, the "ivan cash" at the top, along with the links, are all off-centered by approximately 20 px due to the logo-image at the top left. Does anyone know how I can center the rest without removing the logo?

Thanks,
Ivan

1 - Why do you have your footer set to a minimum height of 530px ?? Your wrapper can't go down any further because that huge footer is sitting underneath it AND you've got footer set to position:absolute.

For the blank gray space, this is your problem:

<p></p><div id="about_text"><br>

Get rid of the empty <p> tags and the space will close.
Get rid of the <br>, you should not use it to space your divs, use margins on the div.

To get 100% height, add the following:
html, body{
height: 100%;
}

To #wrapper add "height: 100%"

Get rid of the position:absolute and the clear:both from the #footer
CLEAR the floats properly:

.brclear{
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}

In your HTML:
<br class="brclear" />
<div id="footer">© 2007 Ivan Cash</div>

For cryin' out loud, put your text inside PARAGRAPHS where they belong !
Oh.. and fix this:

I return back to New York in July.

"return back" is redundant, -" I return to NY" is sufficient. If you want that site to help get you a job, use proper grammar

The Department of Redunancy Department will help him there.

Other than that, I have nothing to add...except maybe to get rid of this picture from the list of rotating images. Looks kinda creepy.

thanks for your advice lady! i'll try that later today. As to that one photo being creepy; I've gotten lots of positive feedback from it, so I think I'll keep it in. Thanks anyway though.
-i

Hey Lady,

Thanks for the comprehensive feedback...

I have a few questions/concerns though:

-How DO I use the paragraph tags properly, If I wasn't doing it already??

-The height was already 100% in my HTML style.

-How DO i clear floats properly? I've read up on it, but the concept just confuses the hell out of me.


ANyway, thanks for all of your help! (I amended "Return back" to "Return")

It's exciting to see my site take on some hint of professionalism!

Cheers,
i

How DO I use the paragraph tags properly, If I wasn't doing it already??

You put your text inside them. When you write a term paper, do you run everything together or do you separate it using paragraphs ?? You use paragraphs - do the same thing with a web site. Writing is writing, you must use proper form, it doesn't matter what the medium is.

-The height was already 100% in my HTML style.

Note that I also included the BODY and #wrapper to get 100% height.

How DO i clear floats properly?

I gave you the code to do it. Just using 'clear: both' won't always cut it, in fact, I find that is doesn't work most of the time.

When you float an element and you want elements that follow it to be BELOW the floated element, you have to clear the float. Generally you clear it after the containing <div> that holds the floats. I think I gave you links to resources on the hows and whys.

Thanks once again for your reply LadyNRed. I hate to bother you further, but I've followed everything you've advised, yet still have the following issues:
-the grey space on top of the "about" page still persists.
-the grey space at the bottom of the "resume" page is acting very funny, and I have no idea why. The wrapper just cuts out...
-the footer is still very inconsistant (see all of the pages...)
-On my portfolio page, why does the "commercial art" and "fine art" text have space underneath it? I'd prefer them both to be right above the text below.
-Lastly, just a design question: Do you think Gill Sans is ok for body text, or should I go back to arial?

THANKS!!!!!!!!!!!!!!

-Ivan

You didn't really do what I told you to do. That paragraph tag is STILL the problem. You have this:

<p><div id="about_text"><br>
Welcome and thanks for viewing my site.
<br>
<br>
I'm a 21-year-old college student attending <a href="http://www.geneseo.edu"> SUNY Geneseo</a>, where I study <i>Media Studies</i> and <i>Graphic Design</i>. I am currently abroad in South Africa at the <a href="http://www.redandyellow.co.za"> Red and Yellow School </a> where I study <i>Graphic Design</i> and <i>Art Direction</i>. I return to New York in July.
<br>
<br>
Among a variety of interests and hobbies, I have a passion for graphic design, creative advertising, and culture. This includes, but is not limited to: art, music, magazines, social issues, food, film, the internet, and style. I'm always drawn to any idea that's fresh and original.
<br>
<br>
Examining and thinking about different aspects of life, be it sociological, psychological, philosophical, or ecological, is also a strong interest of mine. Ultimately, I want to somehow help to make the world a better place. (I figure that if everyone adapted this mindset the world would be far better off.)
<br>
<br>
After graduating college, it is my objective to become employed in a creative field that I enjoy and am enthusiastic about. It is my hope that this website will strengthen my candidacy in attaining such a job.
</div>

This is what it SHOULD be:

<div id="about_text"><br>
<p>Welcome and thanks for viewing my site.</p>

<p>I'm a 21-year-old college student attending <a href="http://www.geneseo.edu"> SUNY Geneseo</a>, where I study <i>Media Studies</i> and <i>Graphic Design</i>. I am currently abroad in South Africa at the <a href="http://www.redandyellow.co.za"> Red and Yellow School </a> where I study <i>Graphic Design</i> and <i>Art Direction</i>. I return to New York in July.</p>
<p>Among a variety of interests and hobbies, I have a passion for graphic design, creative advertising, and culture. This includes, but is not limited to: art, music, magazines, social issues, food, film, the internet, and style. I'm always drawn to any idea that's fresh and original.</p>

<p>Examining and thinking about different aspects of life, be it sociological, psychological, philosophical, or ecological, is also a strong interest of mine. Ultimately, I want to somehow help to make the world a better place. (I figure that if everyone adapted this mindset the world would be far better off.)</p>
<p>After graduating college, it is my objective to become employed in a creative field that I enjoy and am enthusiastic about. It is my hope that this website will strengthen my candidacy in attaining such a job.</p>
</div>

THAT is what I meant when I said wrap your text inside paragraph tags. You cannot wrap a DIV inside a <p></p>
You control spacing of the paragraphs in your stylesheet ie:
p{margin: 4px 5px 4px 10px}

Your 'Welcome' line should probably be a heading though <h1>Welcome....</h1>.

-the grey space at the bottom of the "resume" page is acting very funny, and I have no idea why. The wrapper just cuts out...

Because the float is not cleared. You added the clearing css block I gave you as an ID instead of a class.
You have #brclear and it has to be .brclear.
Fix that and the wrapper will stretch properly. It will also fix the footer problem.

On my portfolio page, why does the "commercial art" and "fine art" text have space underneath it?

For one thing, they should be headings and not mere paragraphs. Again proper document structure. Use heading tags h1, h2 ... h6 and style them accordingly.
The space underneath them now is due to the default margins on the <p> tag. Adjust as noted above.

AS for the font, I think Gill Sans is fine.

Hey,

I tried everything you advised me on. The only thing that still isn't working is the ".brclear," which I changed from "#brclear" but the problem with the footer and the wrapper still is not fixed.

Thanks,
i

Ok, take out the height: 100% on #wrapper and leave the min-height: 100%. Should work, it works in IE6 that way too.

yayyyy! THANKS! it works!