Wed, 2004-04-14 01:24
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.
Wed, 2004-04-14 08:07
#1
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
Wed, 2004-04-14 08:23
#2
dynamic content relationships
I've been trying to find out how to do that. Thanks.
Wed, 2004-04-14 10:16
#3
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.
Wed, 2004-04-14 12:36
#4
dynamic content relationships
Hi
The generator tool allows you to remove the right column, I will post the tool's url v soon.
Trevor
Wed, 2004-04-14 12:39
#5
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.
Wed, 2004-04-14 13:29
#6
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
Thu, 2004-04-15 02:40
#7
dynamic content relationships
Can you make the center column stretchable?
Thu, 2004-04-15 02:51
#8
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.
Thu, 2004-04-15 07:05
#9
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.
Thu, 2004-04-15 10:26
#10
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