PDA

View Full Version : so, finally got round to doing some stuff on my own site...


monkeymedia
12-06-2010, 07:32 PM
and the positioning is doing my head in

http://monkeymediadesign.com/

what wants to happen is as follows:

1) the monkey head stays bottom right no matter what

2) the logo stays centred within a 900px wide box, right in the middle of the screen, but anchored at the top so the grey horizons line up

3) the background image stays anchored at the top of the screen so the horizons always line up when the viewport is resized.

4) the box with the text in is a 900px wide box, centred on the screen under the logo.

help would be appreciated, I cant seem to get the stuff that wants centering to ignore the width taken up by the monkey head.

tempting as it is to just ask for the code here, code you (to start with anyway) just give me enough to help me figure it out for myself?

thanks in advance.

Ricky55
12-06-2010, 09:31 PM
I'll have a go for you mate.

Its hard to give you pointers really without doing it.

monkeymedia
12-06-2010, 09:45 PM
cheers Ricky

just doing it is cool, but an explanation of why it does what it does would be even better.

sorry I know I'ma pain in the ass.

Ricky55
12-06-2010, 09:58 PM
well you'll see for yourself when you see the code.

Ricky55
12-06-2010, 10:20 PM
Here you go mate saved it as a package for you all well commented so you should see whats going on.

http://dl.dropbox.com/u/508261/monkeyMedia.zip

I'll leave the link live for a while in case anyone else wants a look.

Let me know if this isn't what you want.

Not tested in IE by the way and not provided any png fix for IE6 but I don't these days. I use this service to tell users politely to upgrade code included in this file.

http://browserupgrade.info/

Thanks

Richard

monkeymedia
12-08-2010, 08:26 AM
cheers Ricky

totally different to the way I was going about it, every day is a school day!

thank you for sorting that for me.

Ricky55
12-08-2010, 12:11 PM
no worries mate.