CSS question
#1

Ok, i'm making a web page, and i have a sidebar for the navigation, a header and a footer, now i want the sidebar to fit inside the header and footer flush no matter how the height of the page.

Here is what the page looks like:



I'm not very good with css so I thought id ask

Thanks for any help.
Reply
#2

you need to float the sidebar and the container for the main content,
if i was doing this i would wrap every element,
the header, footer and main area which would hold the sidebar and content

but it can probably be done without it
Reply
#3

I'm sorry but what do you mean?

I'm not that good with css :S
Reply
#4

in css theres a function called float.
it can be used to float an object right or left, and this is the easiest way to organize and make menus, layouts , etc in css today.
a wrapper is basically a div tag that has a declared width or height, you place stuff inside it, the idea of it is to organize whats going on.
for example if you have a 800px wrapper and you want to put a sidebar and a content container inside,
you could make a 300px sidebar and a 500px container.
if you float the sidebar to the left and the 500px container to the right inside the wrapper, the total width of the 2 elements will be 800px, they will be sideby side, one on the left and the other on the right. This ensures that text doesnt randomly go out, etc, etc.

you can also use it for headers, footers, really whatever you want its usually good to float and wrap it in something, i think thats one of the first things you learn by experience when you start out with css
Reply
#5

Could I have an example of what your talking about so I understand it more?
Reply
#6

Yea,
heres a working example i made for you,
its nothing extra ordinary, but it should help you understand alil better.

Download .rar
Reply
#7

Alright, yes that's how my page is made, now the problem is that sidebar, just like in your example, doesn't go to the bottom of the main content, that's my problem.
Reply
#8

so basicly what you want is that the SIDEBAR is the same height as CONTENT?
Reply
#9

YES!

lol finally someone understands.
Reply
#10

yea,, too bad that I am having the same problem xD
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)