sorry, how would i expand the bit right under teh navigation menu so that it fits the expanding content box as well? :S cuz you see i have this drop shadow thing thats in a straight line..

alffla

Hong Kong20321 Posts

May 06 2011 15:51 GMT

#42

no wait nvm

tofucake

Hyrule19191 Posts

May 06 2011 16:07 GMT

#43

The trickiest part of your layout is the non-uniform borders, which might make things look weird with odd heights/widths.

alffla

Hong Kong20321 Posts

May 06 2011 16:09 GMT

#44

On May 07 2011 01:07 tofucake wrote:
The trickiest part of your layout is the non-uniform borders, which might make things look weird with odd heights/widths.

i decided to just make straight left and right edges to make it look ok..

i still don't know how to make the part under the bottom pencil expand along with the content box though~ :S

quirinus

Croatia2489 Posts

May 06 2011 16:18 GMT

#45

try min-height:100%;
for the menu container div, and the div inside it that's under the menu

the only problem with that is that it usually has to have a parent container element that has a specified height, which this one doesn't. xD

alffla

Hong Kong20321 Posts

May 06 2011 16:19 GMT

#46

On May 07 2011 01:18 quirinus wrote:
try min-height:100%;
for the menu container div, and the div inside it that's under the menu

that sounds like it's going to stretch it like hell? or what.. o_ o haha lemme try doing the content expanding thing first . sigh

quirinus

Croatia2489 Posts

May 06 2011 16:22 GMT

#47

it probably won't work. it should expand it to 100% of the screen height that contains the page. or more if there's more content than that.

tofucake

Hyrule19191 Posts

May 06 2011 16:27 GMT

#48

min-height works on the container and settings. Using min-height: 100% on a div inside another div which has a height of 800px will result in the inner div having a height of 800px as well.

Inception plot was stolen from CSS.

quirinus

Croatia2489 Posts

May 06 2011 16:30 GMT

#49

On May 07 2011 01:27 tofucake wrote:
min-height works on the container and settings. Using min-height: 100% on a div inside another div which has a height of 800px will result in the inner div having a height of 800px as well.

Inception plot was stolen from CSS.

ah, didn't see he had a specified height for the container. it should work then.
but just use min-height:100%; for the div under the menu, don't use it for the container then.

lol inception. it's a div inside a div inside a div, and every one steals the rules from the previous one, but with a twist!

Cedstick

Canada3336 Posts

May 06 2011 16:50 GMT

#50

Un-related to your plight: is Dreamweaver still being updated and sold? Is there an alternate product that has become the standard? Thanks, and good luck with the site.

alffla

Hong Kong20321 Posts

May 06 2011 16:50 GMT

#51

hahahhaha omg inception
shit man

lol im actually gettnig the hang of this css div shit , kinda awesome. my head feels explode-y though. too much information in a day .. :D

Peekay.switch

Canada285 Posts

May 06 2011 17:25 GMT

#52

On May 07 2011 01:50 alffla wrote:
hahahhaha omg inception
shit man

lol im actually gettnig the hang of this css div shit , kinda awesome. my head feels explode-y though. too much information in a day .. :D

Whatever you do, do not, I Repeat, Do not open your website in IE6.

Welcome to the world of web design!

Cool looking website btw

alffla

Hong Kong20321 Posts

May 06 2011 18:44 GMT

#53

if anyones still around,

how the heck do i make this filler (the filler under the last pencil that says dsdsd) stretch to the bottom ?! >_> i put an image inside the navigation container div, is that the right thing to do? i tried height: 100%; didnt seem to do anything haha. and i read about some bottom: px; thing? but not sure what that is supposed to do . hmph.

[image loading]

alffla

Hong Kong20321 Posts

May 06 2011 19:27 GMT

#54

perhaps i should stick my footer image div to the bottom of the page ? then somehow implement the sticky footer css that seems to be quite famous.. o_O

http://www.cssstickyfooter.com/non-stick-footer.html

then somehow make the filler space thing expand all the way to the top of the footer image...
-.-

ok too tired hope someone replies tmr. .ehe :D thanks so much for all the help everyone.

HorstSchlemmer

Germany114 Posts

May 06 2011 22:03 GMT

#55

You want to do the exact same thing as with your border in the content box, you need to create an image with 1px height that repeats until you're at the bottom of the page.

So it's basically a variation of your .content:

.content {
background-image:url(url to 1px high image that will repeat verticaly);
background-repeat: repeat-y;
}

alffla

Hong Kong20321 Posts

May 07 2011 02:58 GMT

#56

yea i did a repeat y but because there's no content in there it doesn't auto fill to the bottom of the page .. :\

alffla

Hong Kong20321 Posts

May 07 2011 05:27 GMT

#57

oh man i've run into the problem of this too. if i have too little content in the content_rep div (the repeating texture) then there's a huge ass gap between the bottom of the content box and the bottom of the thingy.

FFFFFFFFFF

[image loading]