some Q's for my layout

[Bobby_S]

hi guys!! :)

I don't manage to get it as I want:
testpage= http://www.bobbysmiles.com/temp/test/test2.htm

What I want to change:
- logo image, left align (that's already ok), but vAlign bottom.
- banner iamge, right align, also bottom
- the gray spacer at the left should extend as far as the main text goes
- same for the right spacer
- 'Privacy Policy' should have a vAlign middle.

I've already tried lotsa things, but can't get it right.
Someone can help me please? :rolleyes: Many thanks!

[andyshep]

there are some images missing sort em out and ill av a look...

logo.gif
banner.gif
menu1,2,3,4.gif

will be able to see more of whats going on.

andy

[Bobby_S]

well, I know, but they don't exist yet :rolleyes:
I'm using imaginary images.

[andyshep]

ok ill take a look get back in a bit.

[andyshep]

ok ive had a look .. i had to start from scratch :rolleyes:

let me know if its anything like you wanted.
p.s. ive changed links to images you will have to change them
back .

attached text file.

andy

p.s. you will have to delete this out of body style
border: 1px solid #FFFFFF;
forgot to take it out .helps me with seeing the layout:rolleyes:

[andyshep]

validated in in ie,firefox ns now
and corrected

also altered code ..found some errors.

when declaring values put them all in quotes i.e.

align = "left" or width = "100"

does it look how you wanted?

andy

[Bobby_S]

Hi Andy!

I'm at work right now, I'll check it as soon as I'm home this evening.
Thanks in advance! I'm curious to see ...

[andyshep]

ok bob

may not be in l8r

p.s your site looks fkn cool

a php whizz eh? may have to pick your brains soon :D
andy

[Bobby_S]

Hi again!

it's not quite what I had in mind :rolleyes:
I'd wanted it to something like:

[Bobby_S]

Ooops, attach didn't work, check here:
http://www.bobbysmiles.com/temp/test/test.JPG

[andyshep]

ok hehe,

try this one (attached).

ive added a border to the content ( text ) area to produce the color at the bottom instead of a separate div for it ,made it a lot easier to produce.

andy

[Bobby_S]

hehe, much better! But problem now is that left and right space are fixed height 210px.
What in case there is a lot of content on the page ... :confused:

[andyshep]

ok...

to have the left and right spacers expand with the content they
have to be placed inside the content div and the give them a height
value of 100%.
( need to be inside because the height is inherited from the
containing div)

i had to play with the float attributes in the divs that are
contained within the .content class to get them to sit correctly.

also i had to change the h1 in the .insert div to h2 otherwise
it will inherit the other h1 values.

one other thing is the green bottom border extends past the
left/right spacers. is this ok?

it may be difficult to have it so the border does not extend
to the spacers ( easy to put in there but making sure its
always at the bottom of the content div could be difficult)

andy

[Bobby_S]

Thanks Andy, looks good yeah, thx!
I'll come back to you later, very busy now. :mad: