Help! I can't get my boxes to align!! - Page 2

Moonlilly · January 30th, 2007, 02:02 PM

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

Moonlilly · January 30th, 2007, 02:26 PM

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

Moonlilly · January 30th, 2007, 02:30 PM

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

snow · January 30th, 2007, 02:42 PM

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

Changing the CSS for the logo to:

Code:

#logo {

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

Should give you what you're after?

Moonlilly · January 30th, 2007, 04:08 PM

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.

Moonlilly · January 30th, 2007, 04:12 PM

Nevermind... I just figrued out how to get it to do what I want

Thank you sooooo much everyone!

Lilly
xxx

Moonlilly · January 30th, 2007, 04:17 PM

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

snow · January 30th, 2007, 04:28 PM

haha, what is it you want to do?

Have you been understanding what I've been attempting?

Moonlilly · January 30th, 2007, 07:14 PM

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!

snow · January 30th, 2007, 07:32 PM

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

Moonlilly · January 30th, 2007, 09:01 PM

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

moojoo · January 31st, 2007, 10:26 AM

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

Ryan Fait · January 31st, 2007, 05:36 PM

Haha

snow · February 1st, 2007, 01:39 PM

is that a compliment?

sannbe · February 1st, 2007, 07:26 PM

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