How to extend a div ?

I have a main div with 2 divs inside, one of them floating to the right
(they look like 2 columns).
The main div has a background image.

How can I have the main div to adapt to the maximum height of the divs
inside of it so that the background image of the main div repeats
vertically according to the height of the 2 divs inside? This way, the
content of one of the 2 divs wouldn't overlap the main div, but push its
border.

Thanks.

--

Kerberos.

http://www.opera.com
http://www.freebsd.org
http://www.auriance.com
http://www.osresources.com
http://exodus.jabberstudio.org

Kerberos wrote:

I have a main div with 2 divs inside, one of them floating to the right
(they look like 2 columns).
The main div has a background image.

How can I have the main div to adapt to the maximum height of the divs
inside of it so that the background image of the main div repeats
vertically according to the height of the 2 divs inside? This way, the
content of one of the 2 divs wouldn't overlap the main div, but push
its border.

It should do anyway, unless you are using absolute positioning. URL?

--
Mark.
http://tranchant.plus.com/

Mark Tranchant wrote:

Kerberos wrote:

I have a main div with 2 divs inside, one of them floating to the
right (they look like 2 columns).
The main div has a background image.

How can I have the main div to adapt to the maximum height of the
divs inside of it so that the background image of the main div
repeats vertically according to the height of the 2 divs inside? This
way, the content of one of the 2 divs wouldn't overlap the main div,
but push its border.

It should do anyway, unless you are using absolute positioning. URL?

No, Kerberos uses float. So the floated column may overlap.
Kerberos: add an element with 'break: right' within the main div after
the two column divs.
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

Hi,

your post sounds like the second try of your basic question. I fear it's
not so basic... I thought a bit - you might try it like your first
attempt, two divs side by side, giving each a border of 1px (wich gives
a sum of 2 px) and move the right div with margin-left:-1px one pixel to
the left. Then you have a border with a width of 1px and the length of
the longer div.

Don't forget to set the div with the negative margin position:relative,
since IE will hide a part of the div otherwise.

Chris


Kerberos wrote:

I have a main div with 2 divs inside, one of them floating to the right
(they look like 2 columns).
The main div has a background image.

How can I have the main div to adapt to the maximum height of the divs
inside of it so that the background image of the main div repeats
vertically according to the height of the 2 divs inside? This way, the
content of one of the 2 divs wouldn't overlap the main div, but push
its border.

Thanks.

Johannes Koch wrote:

No, Kerberos uses float. So the floated column may overlap.
Kerberos: add an element with 'break: right' within the main div after
the two column divs.

My mistake. To make up for it, I'll point out that I think you mean
"clear" instead of "break"?

--
Mark.
http://tranchant.plus.com/

Mark Tranchant wrote:

My mistake. To make up for it, I'll point out that I think you mean
"clear" instead of "break"?

Yes, my mistake :-)
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

Em Thu, 06 Jan 2005 17:43:47 +0100, Johannes Koch <koch (AT) w3development (DOT) de>
escreveu:

Mark Tranchant wrote:

My mistake. To make up for it, I'll point out that I think you mean
"clear" instead of "break"?

Yes, my mistake :-)

Thank you guys I know there is this solution of adding a block-level
element such as a division, and defining it as clear: both, it works fine
actually:

http://www.auriance.com/docs/auriance/autre.html

But then, we don't separate content and structure from presentation
anymore
I know, I know...

--

Kerberos.

http://www.opera.com
http://www.freebsd.org
http://www.auriance.com
http://www.osresources.com
http://exodus.jabberstudio.org

Em Thu, 06 Jan 2005 18:14:03 -0600, kchayka <usenet (AT) c-net (DOT) us> escreveu:

Kerberos wrote:

http://www.auriance.com/docs/auriance/autre.html

Are you aware that there are no background colors set? My browser
default background color is not white, so it's pretty obvious.

Really? Good to know... What browser do you use?

--

Kerberos.

http://www.opera.com
http://www.freebsd.org
http://www.auriance.com
http://www.osresources.com
http://exodus.jabberstudio.org

Kerberos wrote:

Em Thu, 06 Jan 2005 18:14:03 -0600, kchayka <usenet (AT) c-net (DOT) us> escreveu:

Are you aware that there are no background colors set? My browser
default background color is not white, so it's pretty obvious.


Really? Good to know... What browser do you use?

Many browser allow you to change the default (background) color.
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

Em Fri, 07 Jan 2005 16:33:11 +0100, Johannes Koch <koch (AT) w3development (DOT) de>
escreveu:

Many browser allow you to change the default (background) color.

Yes, I know, but I thought no browser had grey as default background
anymore...
Oh well, I haven't used all browsers yet.
"Link" has black as default background color!

--

Kerberos.

http://www.opera.com
http://www.freebsd.org
http://www.auriance.com
http://www.osresources.com
http://exodus.jabberstudio.org