is this layout possible, and how?

[Ice]

Hello,

attached you can find an image of what i would like my page layout to look. (2 columns of text/pics - scrolling, fixed width from the center, around an image on the fixed background -> the attached image should help to understand)
the idea is to have the text in an absolute position, but from the center of the page, not from the left /right browser window. so when the window is smaller or the screen width is different, everything is still in the right position, the text next to the image on the background. (hope you get the idea )

actually i started doing the page with tables.... cos its quite easy to get what i want with tables (3 columns, the center one blank) but today i was reading through the forum for a bit and discovered, that it would be better to use css to create layouts. BUT... i dont realy know anything about css so i dont know what is possible. i also found a link to a good css trainig page here, but i couldnt figure out if its actually possible to get what i want.

so, does anyone know how to create that kind of layout?
hope you can help me.

thanks

[Lchad]

Oh yes Ice, it's very possible to do what you want. That is most certainly the best way to attempt it. Unfortunately I don't have time today to map it out for you. I'd search the net for 3 column layouts with css.

[darrenosborne]

this is very possible with the use of css.

As a tip, you need to look at the css overflow attribute to get your columns scrolling.

You shouldn't use tables really for layout, a table is just for tables.

There are lots of css three column examples on the internet, google them and find the one that best suits your purpose. This might take a while but i'm sure you will find one similar to what you want.

The following would produce a box 200x300 and all text within the div would be scrollable. All you need to do on your first and third columns is sort out positioning and contain each in a <div class="scroll">.

Code: Select all

<style type="text/css">
div.scroll {
	height: 200px;
	width: 300px;
	overflow: auto;
}
</style>

[Lchad]

I would also recommend faux columns!

[darrenosborne]

yes, of course!

didn't mention that, should have. Slap my wrists!

[Ice]

hey there, thanks so far.
i think i described the situation wrong. the text doesnt need to be scrolling in a seperate scrolling box. its just two columns of text and a few pics, longer than the page, so the page scrolls, as the background is fixated and always visible.
well the easiest way would probably be to put a link to the page, so you can see what i mean. so:

http://www.allfruitslivingarkrecords.com

(dont look at the code, its probably one mess. its my first website and the page is only online because the guys from the lable wanted to have something to sell the tunes. i am about to refine it)

its important that everything stays centered, when you change browser window size, too

can someone help?
ill keep on searching the web

bye

[Lchad]

Help with what? Do you want us to do it for you? If so, place the site in the jobs forum. Otherwise we gave you all the info above to get started.