«

I have a layout, 3 columns wide, using CSS with no tables. The center
column is much larger (longer) then the left and right. But I want the
the left and right to be as long as the middle, is there a way to do
this? Is it possible to inherit the middle columns length or something?
Thank you for your help.

Nicholas

Fluxcore wrote:

> I have a layout, 3 columns wide, using CSS with no tables. The center
> column is much larger (longer) then the left and right. But I want the
> the left and right to be as long as the middle, is there a way to do
> this? Is it possible to inherit the middle columns length or something?
> Thank you for your help.

> Nicholas


you could try
div.left, .middle, .right {width:100px; height100px; float:left;}
div.left {background:red;}
div.middle {background:white;}
div.right {background:blue;}

Works just fine for me.

in post <news:>
Fluxcore said:

> I have a layout, 3 columns wide, using CSS with no tables. The center
> column is much larger (longer) then the left and right. But I want the
> the left and right to be as long as the middle, is there a way to do
> this?

not supported by IE
http://moreshit.bruciesusenetshit.in...ls-thingy.html


--
brucie
22/December/2003 02:39:22 am kilo

Richard wrote:
> you could try
> div.left, .middle, .right {width:100px; height100px; float:left;}
> div.left {background:red;}
> div.middle {background:white;}
> div.right {background:blue;}
>
> Works just fine for me.

And will, as long as all three columns contain pixel content (images) of
less than 100x100px. If they contain anything larger, such as text or
larger images, your layout will break.

In article <bs4irm$9g9kd$>,
****@bruciesusenetshit.info says...
> not supported by IE
> http://moreshit.bruciesusenetshit.in...ls-thingy.html

"This site is designed for and will look much better in a modern browser
such as Opera or Mozilla, but it is accessible to any browser or
Internet device."

It did not work on my browser at all.

--
Whitecrest Entertainment
www.whitecrestent.com

Richard wrote:

> Fluxcore wrote:

>> I have a layout, 3 columns wide, using CSS with no tables. The center
>> column is much larger (longer) then the left and right. But I want the
>> the left and right to be as long as the middle, is there a way to do
>> this? Is it possible to inherit the middle columns length or something?
>> Thank you for your help.

>> Nicholas


> you could try
> div.left, .middle, .right {width:100px; height100px; float:left;}
> div.left {background:red;}
> div.middle {background:white;}
> div.right {background:blue;}

> Works just fine for me.

Ok so I have a minor typo in there. You know how to fix it.

brucie wrote:

> in post <news:>
> Fluxcore said:

>> I have a layout, 3 columns wide, using CSS with no tables. The center
>> column is much larger (longer) then the left and right. But I want the
>> the left and right to be as long as the middle, is there a way to do
>> this?

> not supported by IE
> http://moreshit.bruciesusenetshit.in...ls-thingy.html

Oh?

http://1-large-world.com/samples/3cols.html

Works just fine in IE 6.


> --
> brucie
> 22/December/2003 02:39:22 am kilo

Whitecrest wrote:
>> http://moreshit.bruciesusenetshit.in...ls-thingy.html
>
> "This site is designed for and will look much better in a modern browser
> such as Opera or Mozilla, but it is accessible to any browser or
> Internet device."
>
> It did not work on my browser at all.

It might be easier to work out why it doesn't work if you (a) State what
your browser is and (b) be more specific then 'did not work'.

--
David Dorward <http://dorward.me.uk/>

Leif K-Brooks wrote:

> Richard wrote:
>> you could try
>> div.left, .middle, .right {width:100px; height100px; float:left;}
>> div.left {background:red;}
>> div.middle {background:white;}
>> div.right {background:blue;}
>>
>> Works just fine for me.

> And will, as long as all three columns contain pixel content (images) of
> less than 100x100px. If they contain anything larger, such as text or
> larger images, your layout will break.


To get around that, you make your divisions equal to what the largest one
is.
If you don't like that idea, create another division for the extra stuff
such as images.

Leif K-Brooks wrote:

> Richard wrote:
>> you could try
>> div.left, .middle, .right {width:100px; height100px; float:left;}
>> div.left {background:red;}
>> div.middle {background:white;}
>> div.right {background:blue;}
>>
>> Works just fine for me.

> And will, as long as all three columns contain pixel content (images) of
> less than 100x100px. If they contain anything larger, such as text or
> larger images, your layout will break.

You mean like this?
http://1-large-world.com/samples/3cols-1.html