10 replies [Last post]
f8ball
Offline
newbie
Last seen: 16 years 41 weeks ago
Joined: 2004-04-14
Posts: 4
Points: 0

I'm biting the bullet and revamping a site using 100% CSS .. no tables. I'm not certain if this is possible or if I'm doing something wrong. Here's my layout scheme (I'm describing as if it were a table .. please forgive)

2 column, 3 rows

container div fixed width
header div, fixed width and height
*maincontent div, (this is basically a white background that needs to expand when the text expands which I can not figure out)
nav div, fixed width and height (position left)
text div, fixed width expandable height (position right, contains dynamic text)
footer div, fixed width and height

I'm able to position the footer so it sits just below the maincontent, but I can't figure out how to expand another layer based on my dynamic text. Does that make sense .. my brain is starting to hurt. Appreciate any advice. Thanks.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

dynamic content relationships

Hi

Is this what you want:

http://207.44.137.103/ie5test5pxinners.htm
http://207.44.137.103/ie5test5pxouters.htm

These are test outputs of a tool I am writing (v2.5 to be posted maybe today, maybe tomorrow, ahead of my original schedule of this weekend).

The tool allows you to modify most bits of the design.

Trevor

Fruitcake
Offline
Enthusiast
Perth, Australia
Last seen: 12 years 43 weeks ago
Perth, Australia
Timezone: GMT+8
Joined: 2004-04-12
Posts: 257
Points: 0

dynamic content relationships

I've been trying to find out how to do that. Thanks.

I am Dan, Dan I am.

f8ball
Offline
newbie
Last seen: 16 years 41 weeks ago
Joined: 2004-04-14
Posts: 4
Points: 0

dynamic content relationships

ClevaTreva wrote:
Hi

Is this what you want:

http://207.44.137.103/ie5test5pxinners.htm
http://207.44.137.103/ie5test5pxouters.htm

These are test outputs of a tool I am writing (v2.5 to be posted maybe today, maybe tomorrow, ahead of my original schedule of this weekend).

The tool allows you to modify most bits of the design.

That looks close. The layout I'm using has two columns instead of three. If you have dynamic content inside the middle column, for example and it stretches beyond the screen (vertically), will the other columns stretch with it? If so, that's what I'm trying to do.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

dynamic content relationships

Hi

The generator tool allows you to remove the right column, I will post the tool's url v soon.

Trevor

f8ball
Offline
newbie
Last seen: 16 years 41 weeks ago
Joined: 2004-04-14
Posts: 4
Points: 0

dynamic content relationships

are all of the column heights relational though? I guess that's my question. Is it possible to have a container and two column relate to the size of one of the columns? So if one height value is 900px (set dynamically) then they all will.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

dynamic content relationships

Hi

The basic code makes all columns lengths the same, the same as the longest. Try adding some filler text to the samples I posted. Most browsers will give 100% height with minimal content and then expand as necessary, except Mac IE5 which just expands from the default.

It doesn't matter which column has the most in, they will all match it.

Trevor

Fruitcake
Offline
Enthusiast
Perth, Australia
Last seen: 12 years 43 weeks ago
Perth, Australia
Timezone: GMT+8
Joined: 2004-04-12
Posts: 257
Points: 0

dynamic content relationships

Can you make the center column stretchable?

I am Dan, Dan I am.

f8ball
Offline
newbie
Last seen: 16 years 41 weeks ago
Joined: 2004-04-14
Posts: 4
Points: 0

dynamic content relationships

http://www.pixy.cz/blogg/clanky/css-3col-layout/

I found this on another thread. The other one posted here doesn't expand with the rest of the content.

Big John
Big John's picture
Offline
Enthusiast
Arizona
Last seen: 17 years 13 weeks ago
Arizona
Timezone: GMT-7
Joined: 2003-10-29
Posts: 94
Points: 0

dynamic content relationships

Fruitcake asked:
"Can you make the center column stretchable?"

I wrote the basic layout that Trevor is using for that
layout tool (altho most of the methods are not mine),
and I do have a liquid center design:

http://www.positioniseverything.net/temp/piefecta-liquid.html

This page is not really a finished product, but it does
show that a stretchy design is feasable. One feature
of these layouts is that the center col comes first in the
source. That, along with the equal length cols means
that this layout concept surpasses the capabilities of
tables. However this comes at the price of difficult to
understand CSS trickery. Until 'display: table;' achieves
full support it is the best that can be done.

http//www.positioniseverything.net/

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

dynamic content relationships

Hi Big John

I just launched the tool in this thread:

http://www.csscreator.com/css-node/1501

It has copious notes on how all the variable values change.

The url's I posted earlier in this thread were only test versions, and still had some bugs in.

Trevor