Is the Holy Grail legend true ?

On Mon, 07 May 2007 14:48:02 -0500, Bergamot <bergamot (AT) visi (DOT) com>
wrote:

You really should learn how CSS positioning methods work if you expect
to use them effectively. Hacking away at something without understanding
it will only lead to frustration and broken layouts. Have a read at:
http://brainjar.com/css/positioning/
http://www.htmldog.com/

BTW, if you're looking for 3 columns where the column background colors
all stretch the length of the document regardless of which column is
longest, an alternative method is demonstrated at
http://www.bergamotus.ws/samples/3co...ull-width.html

thanks for those pointers.

The last example (your own ?) is what I have been looking for.


couple of questions ...
In the columns, would percentages work for the widths ?

How cross-browser friendly is it ? (Seems ok in Firefox)


cheers






--
Posted via a free Usenet account from http://www.teranews.com

BobTheBowler wrote:

On Mon, 07 May 2007 14:48:02 -0500, Bergamot <bergamot (AT) visi (DOT) com
wrote:

http://www.bergamotus.ws/samples/3co...ull-width.html

The last example (your own ?) is what I have been looking for.

I didn't come up with the idea, but that sample is my own.

couple of questions ...
In the columns, would percentages work for the widths ?

It is limited to whatever values are valid for border properties, which
excludes %.

How cross-browser friendly is it ? (Seems ok in Firefox)

You should get yourself some other browsers so you can test
compatibility yourself.

--
Berg

BobTheBowler wrote:

On Mon, 07 May 2007 14:48:02 -0500, Bergamot <bergamot (AT) visi (DOT) com
wrote:

http://www.bergamotus.ws/samples/3co...ull-width.html

How cross-browser friendly is it ? (Seems ok in Firefox)

Actually, I put those demo pages together some time ago and couldn't
remember how well they had been tested, so did that this morning. IE had
some issues which are now corrected.

--
Berg

On Tue, 08 May 2007 11:14:52 -0500, Bergamot <bergamot (AT) visi (DOT) com>
wrote:

BobTheBowler wrote:
On Mon, 07 May 2007 14:48:02 -0500, Bergamot <bergamot (AT) visi (DOT) com
wrote:

http://www.bergamotus.ws/samples/3co...ull-width.html

How cross-browser friendly is it ? (Seems ok in Firefox)

Actually, I put those demo pages together some time ago and couldn't
remember how well they had been tested, so did that this morning. IE had
some issues which are now corrected.

A friend wanted to show more of his background image on his pages, so
I did an experiment with your layout ...

.wrapper {
position: relative;
float: left;
padding-left: 5%;
width: 90%;
}

This does exactly what he wants.
However, there seems to be a margin/padding on the left edge
of the navigation (left) column that shows up against the left
edges of the Header and Footer. Looks to be 0.5em or 1% ?

Is there a way of all the left edges to line up ?



--
Posted via a free Usenet account from http://www.teranews.com

BobTheBowler wrote:

On Tue, 08 May 2007 11:14:52 -0500, Bergamot <bergamot (AT) visi (DOT) com
wrote:

http://www.bergamotus.ws/samples/3co...ull-width.html

I did an experiment with your layout ...

.wrapper {
position: relative;
float: left;
padding-left: 5%;
width: 90%;
}

Why are you floating it? What benefit do you get from that? BTW, if you
don't want to use the full browser width, you might want to look at one
of the other samples I put up. That demo page links to them.

there seems to be a margin/padding on the left edge
Is there a way of all the left edges to line up ?

Adjust margins and/or padding as you see fit. Sorry, I'm not going to
spoon feed you answers to all your questions. Experiment with the sample
pages to learn how all that stuff works. Go to the Ruthsarian pages for
more detailed information.

Learn to help yourself. You'll be better for it.

--
Berg

On Tue, 08 May 2007 18:44:26 -0500, Bergamot <bergamot (AT) visi (DOT) com>
wrote:

Adjust margins and/or padding as you see fit. Sorry, I'm not going to
spoon feed you answers to all your questions. Experiment with the sample
pages to learn how all that stuff works. Go to the Ruthsarian pages for
more detailed information.

Learn to help yourself. You'll be better for it.

Sure, if I knew exactly what I was doing

Did a small experiment .... gave each box (div) a contrasting
background-colour (red, green, teal, royalblue, etc.).
This show some gaps between them.
It also shows that the Content-column does not match the height of the
Left and Right areas.

Might be why the layout I was working on before was so complicated.








--
Posted via a free Usenet account from http://www.teranews.com

BobTheBowler wrote:

Did a small experiment .... gave each box (div) a contrasting
background-colour (red, green, teal, royalblue, etc.).

It also shows that the Content-column does not match the height of the
Left and Right areas.

And there is no reason why the individual columns need to be all the
same height, since it's the *container* element, the one with the wide
borders, that actually sets the background colors.

--
Berg