Help! I can't get my boxes to align!!

It should look exactly like you saw it in your browser, with the sun right near the logo, and no white space (see my image) between the logo and the header. So technicaly, the header image needs to start off under the logo at the very left of the screen. I'm really sorry to be such a pain about this I just can't leave it like that and sleep at night! LOL

Also, I just noticed that the footer has the exact same problem.

I just thought of something else... You might not be seeing the problem because I didn't update the code that snow gave me onto the internet. I will do that right now (sorry)! Here is the link again:

http://www.personainternet.com/~potier/Tests/Home.html

Sorry about that - I thought you were wanting them side-by-side... my bad interpretation.

Changing the CSS for the logo to:

Code: Select all

#logo {

    width:200px;
    height:127px;
    position:absolute;
    left:0; top:0;
    background-color: #6666FF;}

Should give you what you're after?

That's EXACTLY what I wanted it to do... thank you sooo much! Just one last question: How do I do the same thing to the footer?

Also, Thank you Karine for all of your help, I appreciate the time you gave me.

Nevermind... I just figrued out how to get it to do what I want Thank you sooooo much everyone!

Lilly
xxx

I take back what I said... Heeelp! LOL

haha, what is it you want to do?

Have you been understanding what I've been attempting?

Hi Snow! Yes, I looked at the code and understand how you got the header right with absolute positioning and 0 top and left placement, but when I try to apply the same rule to the footer, I just seem to mess things up I would like the footer to do any one of these 2 things:

• Either line up directly under the sidecol and the maincol, being to the right of the leftcol;

OR

• Go strait to the bottom of the page under the leftcol ( I should mention that since I added your code, I also adjusted the height of the leftcol to 100%).

Either one of these options would be fine, whichever is easiest to achieve... Thanks again!

should be simple enough - in the html just move the footer div out of the "bodywrap" div, and directly below it...

I can't thank you enough! That was too simple!! lol Now everything does truly work perfectly as I wanted it to I have been working on the graphics in the meantime too, and have uploaded the new page to my temporary address if you would like to see the "final" layout:

http://www.personainternet.com/~potier/Tests/Home.html

Thanks again for all your hard work!!

Lilly
xxx

I may be the "Harry Potter" of CSS, but Snow is the ubertastic haxor of the intarWeb. Cliff Yablonski salutes you.

__________________

Haha

is that a compliment?

Sounds like one, snow. moojoo must have started reading the back of software boxes again