3 columns: fixed center column

[Mark]

Hello

i like to make the following lay out:

- 3 columns
- center column = fixed width
- left and right columns are not fixed and must take all the available
space there is left.
- left column has a background picture
- right column has another background picture

So the left and right column are fluid and the width wil change when the
browser window width is changing.

I don't know how to do this. Anyone?

Here is some code:

http://www.keyone.nl/temp/

[Spartanicus]

Mark <sc*****@xs4all .nl> wrote:

i like to make the following lay out:

- 3 columns

http://www.google.com/search?q=3+column+css+layout

--
Spartanicus

[Mark]

Spartanicus wrote:

Mark <sc*****@xs4all .nl> wrote:

i like to make the following lay out:

- 3 columns

http://www.google.com/search?q=3+column+css+layout

As i stated, i want to to have two fluid columns left and right and 1
fixed in the middle. Also i have backgroun images (1px width) and these
have to fill out the two columns, left and right. I do not know how to
do that too.

I can not find the solution. It is all about fixed columns left and
right and a fluid one in the middle...

[Spartanicus]

Mark <sc*****@xs4all .nl> wrote:

i like to make the following lay out:

- 3 columns

http://www.google.com/search?q=3+column+css+layout

As i stated, i want to to have two fluid columns left and right and 1
fixed in the middle. Also i have backgroun images (1px width) and these
have to fill out the two columns, left and right. I do not know how to
do that too.

I can not find the solution. It is all about fixed columns left and
right and a fluid one in the middle...

Plenty of those to be found using the provided link, use it.

--
Spartanicus

[kchayka]

Mark wrote:

i like to make the following lay out:

- 3 columns
- center column = fixed width
- left and right columns are not fixed and must take all the available
space there is left.
Hmmm... what do you expect to happen when the window isn't wide enough
for the fixed width column, let alone 3 columns?
Here is some code:

http://www.keyone.nl/temp/

This seems a good example of the drawbacks. In my usual window width
(often 800px or less) there is no room available for side columns at
all. Put some content in your test page and see what happens in
different window and text sizes. You might not like it.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

[Mark]

kchayka wrote:

Mark wrote:

i like to make the following lay out:

- 3 columns
- center column = fixed width
- left and right columns are not fixed and must take all the available
space there is left.

Hmmm... what do you expect to happen when the window isn't wide enough
for the fixed width column, let alone 3 columns?

Here is some code:

http://www.keyone.nl/temp/

This seems a good example of the drawbacks. In my usual window width
(often 800px or less) there is no room available for side columns at
all. Put some content in your test page and see what happens in
different window and text sizes. You might not like it.

What i want to know is how to get my 1px images in both side columns to
show up and take all the space there is left.
The rest is working all right basically, but i don't know how to get the
result i want.

Mark

[kchayka]

Mark wrote:

http://www.keyone.nl/temp/

What i want to know is how to get my 1px images in both side columns to
show up and take all the space there is left.

It seems to me that you don't really want 3 columns at all, you just
want a background. You can easily do this with some nested divs, rather
than separate divs for the space on either side of the content area. And
it's pretty much a waste to use a 1px image for a background. Use the
background-color property instead.

<div>
<div class="content" ></div>
</div>

Set the background of content's container. Nest another div if need be
and/or use borders on the content to get different spacing effects.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

[Mark]

kchayka wrote:

Mark wrote:

http://www.keyone.nl/temp/

What i want to know is how to get my 1px images in both side columns to
show up and take all the space there is left.

It seems to me that you don't really want 3 columns at all, you just
want a background. You can easily do this with some nested divs, rather
than separate divs for the space on either side of the content area. And
it's pretty much a waste to use a 1px image for a background. Use the
background-color property instead.

<div>
<div class="content" ></div>
</div>

Set the background of content's container. Nest another div if need be
and/or use borders on the content to get different spacing effects.

What i want is on the left and right an image. This image is 100px high
and 1px width. So it is not about the color. Because the left and right
are different images, i like to know how to do this.

[Mark]

Spartanicus wrote:

Mark <sc*****@xs4all .nl> wrote:

i like to make the following lay out:

- 3 columns

http://www.google.com/search?q=3+column+css+layout

As i stated, i want to to have two fluid columns left and right and 1
fixed in the middle. Also i have backgroun images (1px width) and these
have to fill out the two columns, left and right. I do not know how to
do that too.

I can not find the solution. It is all about fixed columns left and
right and a fluid one in the middle...

Plenty of those to be found using the provided link, use it.

I don't think you understand my question. It is not about 3 columns, but
about the width of the side columns and how to get a image in these side
columns which strech:

column with streched image | content column | column with streched image

[Spartanicus]

Mark <sc*****@xs4all .nl> wrote:

I don't think you understand my question.
I understood the question you posted just fine.
It is not about 3 columns
The question you posted was.
, but
about the width of the side columns
div.column{widt h:12em}
and how to get a image in these side
columns which strech:

column with streched image | content column | column with streched image

Background images can't be stretched with CSS 2.x, only tiled.

--
Spartanicus