DIV quickie...

how can i have 2 divs, one 100px and the other to fill the rest of the space
side by side ?

example is appreciated;

thanks

Mel wrote:

how can i have 2 divs, one 100px and the other to fill the rest of the space
side by side ?

Try

[html]
<div id="div1">...</div>
<div id="div2">...</div>

[css]
#div1 { width:100px;float:left;}

Chris

what would the css be for div2 ?

thanks for help
"Chris Leipold" <cleipold (AT) dietzk (DOT) de> wrote

Mel wrote:
how can i have 2 divs, one 100px and the other to fill the rest of the
space
side by side ?

Try

[html]
div id="div1">...</div
div id="div2">...</div

[css]
#div1 { width:100px;float:left;}

Chris

Mel wrote:

how can i have 2 divs, one 100px and the other to fill the rest of the space
side by side ?

Set the main one with a left (or right) margin of 100px, and float the
100px one to the appropriate side.

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

maybe i am not clear.

i need to have

XXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

i use div1 style 100px for the left div. i can not set the width of the
second div to 100%

try it for yourself

thanks
Mel


"Mark Tranchant" <mark (AT) tranchant (DOT) plus.com> wrote

Mel wrote:
how can i have 2 divs, one 100px and the other to fill the rest of the
space
side by side ?

Set the main one with a left (or right) margin of 100px, and float the
100px one to the appropriate side.

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

"Mel" <mel.m.heravi (AT) hp (DOT) com> wrote

what would the css be for div2 ?

thanks for help
"Chris Leipold" <cleipold (AT) dietzk (DOT) de> wrote in message

Nothing. If div1 floats, div2 automatically wraps around it--that's what
"float" means.

news:342i79F475rgbU1 (AT) individual (DOT) net...
Mel wrote:
how can i have 2 divs, one 100px and the other to fill the rest of the
space

By the way, this is what happens when you put your response *before* the
text to which you're responding. Eventually the message become unreadable.

side by side ?

Try

[html]
div id="div1">...</div
div id="div2">...</div

[css]
#div1 { width:100px;float:left;}

Chris

i need the second div to OCCUPY the rest of the way to the right of div1


"Harlan Messinger" <h.messinger (AT) comcast (DOT) net> wrote

"Mel" <mel.m.heravi (AT) hp (DOT) com> wrote in message
news:41dc1360 (AT) usenet01 (DOT) boi.hp.com...
what would the css be for div2 ?

thanks for help
"Chris Leipold" <cleipold (AT) dietzk (DOT) de> wrote in message

Nothing. If div1 floats, div2 automatically wraps around it--that's what
"float" means.

news:342i79F475rgbU1 (AT) individual (DOT) net...
Mel wrote:
how can i have 2 divs, one 100px and the other to fill the rest of
the
space

By the way, this is what happens when you put your response *before* the
text to which you're responding. Eventually the message become unreadable.

side by side ?

Try

[html]
div id="div1">...</div
div id="div2">...</div

[css]
#div1 { width:100px;float:left;}

Chris

Mel wrote:

i need the second div to OCCUPY the rest of the way to the right of div1
It will. If you do like Harlan and I advised.

Chris

"Mel" <mel.m.heravi (AT) hp (DOT) com> wrote

i need the second div to OCCUPY the rest of the way to the right of div1


"Harlan Messinger" <h.messinger (AT) comcast (DOT) net> wrote in message
news:342jhjF457oi8U1 (AT) individual (DOT) net...

"Mel" <mel.m.heravi (AT) hp (DOT) com> wrote in message

Obviously you missed what I said in my previous message about where in the
preceding text you put your responses, which I guess demonstrates my point.

news:41dc1360 (AT) usenet01 (DOT) boi.hp.com...
what would the css be for div2 ?

thanks for help
"Chris Leipold" <cleipold (AT) dietzk (DOT) de> wrote in message

Nothing. If div1 floats, div2 automatically wraps around it--that's what
"float" means.

And it won't unless we tell you the same thing more than twice?

news:342i79F475rgbU1 (AT) individual (DOT) net...
Mel wrote:
how can i have 2 divs, one 100px and the other to fill the rest of
the
space

By the way, this is what happens when you put your response *before* the
text to which you're responding. Eventually the message become
unreadable.

side by side ?

Try

[html]
div id="div1">...</div
div id="div2">...</div

[css]
#div1 { width:100px;float:left;}

Chris

"Mel" <mel.m.heravi (AT) hp (DOT) com> wrote

maybe i am not clear.

i need to have

XXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

i use div1 style 100px for the left div. i can not set the width of the
second div to 100%

try it for yourself

Why don't YOU try it instead of arguing with everyone who's given you the
correct answer?

thanks
Mel


"Mark Tranchant" <mark (AT) tranchant (DOT) plus.com> wrote in message
news:41dc1577$0$47609$ed2619ec (AT) ptn-nntp-reader02 (DOT) plus.net...
Mel wrote:
how can i have 2 divs, one 100px and the other to fill the rest of the
space
side by side ?

Set the main one with a left (or right) margin of 100px, and float the
100px one to the appropriate side.

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