Is this possible without the use of tables?

[Justin Sane]

A customer wants a liquid layout with two columns:
- The left column has a fixed width of 200px
- The right column has a variable width and contains the actual content
He wants the background color to extend from left to right and from top to
bottom.

Using a div with 100% height I can't go all the way down in IE, it only
wraps the content.
I don't think it's possible unless I use a 2-cols table, right?

--
Thanks,

Justin.
http://www.opera.com/mail/

[Els]

Justin Sane wrote:

A customer wants a liquid layout with two columns:
- The left column has a fixed width of 200px
- The right column has a variable width and contains the actual content
He wants the background color to extend from left to right and from top to
bottom.
I reckon you mean: he wants the background colour of the left column
to be different from the background of the right column, and both to
extend all the way to the bottom, while the background of the right
column should also always fill the entire window horizontally,
regardless of the width of it?
Using a div with 100% height I can't go all the way down in IE, it only
wraps the content.
I don't think it's possible unless I use a 2-cols table, right?

Wrong.

Don't set a height to the div. Or to anything really.

Google for 2-col CSS layout.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Justin Sane]

On Wed, 29 Jun 2005 16:47:33 -0300, Els <el*********@tiscali.nl> wrote:

I reckon you mean: he wants the background colour of the left column
to be different from the background of the right column, and both to
extend all the way to the bottom, while the background of the right
column should also always fill the entire window horizontally,
regardless of the width of it?

Exactly.

Using a div with 100% height I can't go all the way down in IE, it only
wraps the content.
I don't think it's possible unless I use a 2-cols table, right?

Wrong.

Don't set a height to the div. Or to anything really.

The div is the same height as the content :(

--
Thanks,

Justin.
http://www.opera.com/mail/

[Justin Sane]

On Wed, 29 Jun 2005 16:47:33 -0300, Els <el*********@tiscali.nl> wrote:

Don't set a height to the div. Or to anything really.

Actually I'm looking for sthg like this but that uses 100% of the window:

http://nemesis1.f2o.org/authors/weak...al_longcontent
--
Thanks,

Justin.
http://www.opera.com/mail/

[Els]

Justin Sane wrote:

On Wed, 29 Jun 2005 16:47:33 -0300, Els <el*********@tiscali.nl> wrote:

Don't set a height to the div. Or to anything really.

Actually I'm looking for sthg like this but that uses 100% of the window:

http://nemesis1.f2o.org/authors/weak...al_longcontent

You mean 100% width, right?
(100% height doesn't make sense)

Take the source of that page, look at the styles for #container, and
delete this line from it:

margin: 1em 5%;

(and don't forget to copy
http://nemesis1.f2o.org/authors/weak...background.jpg
for the idea of a left column extending to the footer)

:-)
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Justin Sane]

On Wed, 29 Jun 2005 18:07:48 -0300, Els <el*********@tiscali.nl> wrote:

You mean 100% width, right?
(100% height doesn't make sense)

Yes, the customer wants 100% height. I had to disable
application/xhtml+xml and the color bleeded all the way down.

--
Thanks,

Justin.
http://www.opera.com/mail/

[Els]

Justin Sane wrote:

On Wed, 29 Jun 2005 18:07:48 -0300, Els <el*********@tiscali.nl> wrote:

You mean 100% width, right?
(100% height doesn't make sense)
Yes, the customer wants 100% height.

100% height of viewport? How high does the customer think my viewport
is? You're saying he/she wants to scroll the columns independently and
occupy part of my window with a header and part of it with a footer at
all times, so I have only a few lines to read before I have to scroll?

I guess you should try and educate your client :-)

I don't know for sure, cause I never found any reason to try it out,
but I don't think you will succeed this 100% height with srolling
center in all browsers.
I had to disable application/xhtml+xml
No need for xhtml at all, just html will do. The example you gave
wasn't xhtml either. (nor 100% height btw)
and the color bleeded all the way down.

What colour bleeded where? Do you have a URL to show what you mean?

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Justin Sane]

On Wed, 29 Jun 2005 19:16:13 -0300, Els <el*********@tiscali.nl> wrote:

What colour bleeded where? Do you have a URL to show what you mean?

Well, here it is, but it doesn't work in Opera, I have no idea why it
looks broken like this:
http://www.auriance.com/docs/engesand/
--
Thanks,

Justin.
http://www.opera.com/mail/

[Els]

Justin Sane wrote:

On Wed, 29 Jun 2005 19:16:13 -0300, Els <el*********@tiscali.nl> wrote:

What colour bleeded where? Do you have a URL to show what you mean?

Well, here it is, but it doesn't work in Opera, I have no idea why it
looks broken like this:
http://www.auriance.com/docs/engesand/

Que legal! Gostei de ver que tá em Português :-)

Okay, nem sei se voçê entende a língua mesmo, então, melhor en Inglês:

I don't have time to explain exactly why and how, but feel free to
copy what I did here:
http://here.locusmeus.com/temp/justinsane.html
I added one wrapper to the HTML, deleted a couple of heights from the
CSS, added a min-height and a 'only for IE height'.
There's a lot of styles in there that I personally wouldn't have used,
but it's your job, so.. ;-)

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Justin Sane]

On Thu, 30 Jun 2005 21:26:28 -0300, Els <el*********@tiscali.nl> wrote:

what I did here:
http://here.locusmeus.com/temp/justinsane.html

Thank you, it fixed it :)
Are you from Brazil or from the Netherlands?
Have a great day!

--
Thanks,

Justin.
http://www.opera.com/mail/

[Els]

Justin Sane wrote:

On Thu, 30 Jun 2005 21:26:28 -0300, Els <el*********@tiscali.nl> wrote:

what I did here:
http://here.locusmeus.com/temp/justinsane.html
Thank you, it fixed it :)
Are you from Brazil or from the Netherlands?

From the Netherlands - my kids are half Brazilian though :-)
Have a great day!

And you :-)

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: A-HA - Hunting High And Low