Hi everyone, i have a question about columns layout. My layout with 3 columns it's ok as shape, i just like to know how can i do to make all columns with the same height because i have to put a different texture as background in each of them.. just like a normal 3 columns layout made with a table. I don't want to see just two "boxes" at the left and the right of main central space, i want a central column surrounded with 2 columns with the same height of the heigher of them. Can you help me please?
You carnt make them equal lengths depening on just what layout your using, but you can make it look like they are using the Faux columns method. Faux Columns
Thanks but it's not right this method since i've to use a different texture in each column and i cannot make an global texture with diferent repeat-y dimension...
Do you mean you have columns under each other with different textures? or do you have all 3 columns sitting next to each other? If they aren't under each other, just wrap your content with a #wrapper div, and grab your 3 textures in any image editor, and try to make them into one image, for example your image would look something like this... First texture---2nd texture---3rd texture. Not sure if I explained that right, probably not, show me the url, I'll take a look, I've been struggling with this for the past couple of days but finally fixed it.
Thanks fhirzall, layout i'm making is something like this: img353.imageshack.us/img353/2620/prova7ji.jpg What i wanted to say it's that i cannot make a single image with all three texture (somthing just like this: img353.imageshack.us/img353/9558/prova23xf.jpg) because they have each one a different repeat y value.. (just copy/paste urls without www. above them) Thanks
hmm, not sure what you mean by repeat-y value...but when setting mine up, I just wanted my navigation bar color to extend to the bottom, and I ended up using one image as the background of my wrapper div, I think the only way to get columns to extend is the Faux thing, maybe someone else can help...
Sorry for my bad english =__= With "repeat-y value" i mean that if left texture repeats every i.e. 30 px and right texture repeats every i.e. 35 px i cannot glue them in a single texture image because i cannot know how it would be height to let them repeat correctly..
Oh, I have no clue, good luck on fixing it...going to be tough with CSS, thats why I just miss tables some times.
Put one background on html and the other on body, or use a wrapper div and put the bgs on body and the div. Use any two elements that extend the full height. cheers, gary