in the beginnings of creating a new site and thought i would get a bit of feedback while building it, rather than at then end when i cant be arsed to change anything.

 

http://www.philthomaswebdesign.co.uk/new/

 

the question is...

 

i have a div in there, called 'abcdefg' or something set to height:550px;. this is to stop the 3 text boxes getting 'stuck' behind the nav bar. it allows you to scroll down to content.

 

BUT, as its set to 550px, it doesnt expand with the text boxes, meaning if they get any taller, they will get hidden again.

 

if any of that makes sense, any ideas? the res i am testing it with is 1440px wide, so it may not work on thinner res

#div

{

min-height: 550px;

}

wont work as there is nothing inside that div to expand it. min-height would be the same as height in this case

It might be easiest to just put a margin on the bottom of the col1 class? That would make enough space at the bottom for the footer to sit in? I'll check in an hour or so when i'm at my own computer with access to firebug. If thats the case you can probably just cut out the abcdefg div.

yeh i tried that too, it just doesnt work for some reason. i think its because the divs are float:left;

 

like i say, all i can do at the moment is put a solid white border on the bottom of the col1 class

taking the height off #abcdeg and adding padding-bottom:130px; to #col1 is one way, but the black bg continues down the screen. Sure there must a be an obvious answer?!

yeah, there must be a way of doing it, ill probably have to shuffle the divs around of something. hopefully wont have to settle with the extra black box

 

just had a look at your site btw. amazing!

i did it! the col1 still gets pushed behind the nav bar, but it is now scrollable.

 

added a script to hid and show the nav bar too, bit useless for that page but will be handy when i do the gallery page and the nav bar starts to hide photographs

 

users of IE, please tell me why it is crap and doesnt show my navbar div properly...

*edit, fixed that too