CSS word long within the div

[provaands]

Defects of the code below:
with Mozilla, Netscape, the word hellooo..... exit outside from the div;
with IE 5,5, 6 the word hellooo.... increase the width of the div, even
if i have fixed to 100px the width;

Question:
can I make so that word hellooooo..... remains all within to the div?
I do not want to use overflow in order to see the text with the sliding bar,
but it must to increase the height of the div, so the div can to contain
all the word hellooo.....
on more rows;
I have tried to put heigth=auto but it does not change null;

<div style='width:200px;background:green;'>

<div style='width:100px; background:#99CCFF;'>

helloooooooooooooooooooooooooooooooooooooooooooooo ooooooooooooooooooo
</div>

<div style='width:100px; background:silver;'>
by by
</div>
</div>
thank you

[Spartanicus]

provaands <in**********@tucossa.it> wrote:

Defects of the code below:
with Mozilla, Netscape, the word hellooo..... exit outside from the div;
with IE 5,5, 6 the word hellooo.... increase the width of the div, even
if i have fixed to 100px the width;

Question:
can I make so that word hellooooo..... remains all within to the div?
I do not want to use overflow in order to see the text with the sliding bar,
but it must to increase the height of the div, so the div can to contain
all the word hellooo.....
on more rows;
I have tried to put heigth=auto but it does not change null;

<div style='width:200px;background:green;'>

<div style='width:100px; background:#99CCFF;'>

hellooooooooooooooooooooooooooooooooooooooooooooo oooooooooooooooooooo
</div>

<div style='width:100px; background:silver;'>
by by
</div>
</div>

Why are you using a block level element?
Why do you want to set a width?

An url with a sample of what you are trying to do using real content
would be much more useful.

--
Spartanicus

[provaands]

Spartanicus wrote:

provaands <in**********@tucossa.it> wrote:

Defects of the code below:
with Mozilla, Netscape, the word hellooo..... exit outside from the div;
with IE 5,5, 6 the word hellooo.... increase the width of the div, even
if i have fixed to 100px the width;

Question:
can I make so that word hellooooo..... remains all within to the div?
I do not want to use overflow in order to see the text with the sliding bar,
but it must to increase the height of the div, so the div can to contain
all the word hellooo.....
on more rows;
I have tried to put heigth=auto but it does not change null;

<div style='width:200px;background:green;'>

<div style='width:100px; background:#99CCFF;'>

helloooooooooooooooooooooooooooooooooooooooooooo ooooooooooooooooooooo
</div>

<div style='width:100px; background:silver;'>
by by
</div>
</div>

Why are you using a block level element? Because this is a portion of a layout more complex;
the code inherent only one portion of the layout complete (that isn't
important for resolve the problem) Why do you want to set a width? Becuse the left column of layout is so (colum with width non variable) An url with a sample of what you are trying to do using real content
would be much more useful.

I tested on localhost;
but the question is simple:
if I would like used that code with that text is it possible resolve the
problem ?

[Spartanicus]

provaands <in**********@tucossa.it> wrote:

Why are you using a block level element?

Because this is a portion of a layout more complex;
the code inherent only one portion of the layout complete (that isn't
important for resolve the problem)

You won't let us see the "problem", you think that you've described it,
but all you've done is present a "solution" that doesn't do what you
want it to do.

A proper answer requires real content:
http://www.spartanicus.utvinternet.i...s_help_you.htm

--
Spartanicus

[jmm-list-gn]

provaands wrote:

[...] increase the width of the div, even
if i have fixed to 100px the width;

"width" sets a minimum width, not an absolute. You could try
"max-width" but it is not broadly supported yet.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

[Spartanicus]

jmm-list-gn <jm***************@sohnen-moe.com> wrote:

[...] increase the width of the div, even
if i have fixed to 100px the width;

"width" sets a minimum width, not an absolute.

Incorrect.

--
Spartanicus

[David Dorward]

jmm-list-gn wrote:

provaands wrote:

[...] increase the width of the div, even
if i have fixed to 100px the width;

"width" sets a minimum width, not an absolute.

Not in CSS.

Internet Explorer has a bug in which it treats width as min-width when
overflow is set to visible.... but that's just a bug in one browser.

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

[Mikko Rantalainen]

provaands / 2004-08-14 23:36:

Question:
can I make so that word hellooooo..... remains all within to the div?
You have
<div style='width:100px; background:#99CCFF;'>
helloooooooooooooooooooooooooooooooooooooooooooooo ooooooooooooooooooo
</div>

You want

<div class="enclose"> hello....ooo </div>

with a style sheet rules

..enclose { min-width: 100px; }
* html .enclose { width: 100px; }

That is, you really want to use 'min-width' property. The latter
line is for MSIE which doesn't support 'min-width'. Fortunately it
implements 'width' incorrectly and it works just like 'min-width' is
supposed to work. In addition, MSIE has a CSS selector bug that
makes it to match "* html .enclose" selector with all elements that
have class "enclose". So only MSIE sees the 'width' rule.

If you care that some browsers do not support min-width and do not
have the same parser bug as MSIE and the page layout is too fragile
to take default of 'auto' for the 'width', then you could try
different rules instead:

..enclose { width: 100px; }
html>body .enclose { width: auto; min-width: 100px; }

This time we *undo* the incorrect 'width' setting with a rule that
has "too complex" selector for MSIE and friends that implement
'width' incorrectly. Hopefully every browser that understands this
selector also implements 'min-width'.

If you want to also support MSIE5 which has broken box model it gets
more complicated; if you have borders, paddings or margins, you have
to subract those from the 'width'...

If you really want to go through all of this and find out about
different browser bugs, here's a great place to start:
http://www.positioniseverything.net/

--
Mikko

[Andrew Thompson]

On Sat, 14 Aug 2004 22:08:07 +0100, Spartanicus wrote:

provaands <in**********@tucossa.it> wrote:

Defects of the code below:

... An url with a sample of what you are trying to do using real content
would be much more useful.

You mean, like this erudite author proposes?
<http://www.spartanicus.utvinternet.ie/help_us_help_you.htm> *
Why did you not link to it?

* The only concept that it does not seem to address
specifically is that the content be 'real', which
I agree might help here.

--
Andrew Thompson
http://www.PhySci.org/ Open-source software suite
http://www.PhySci.org/codes/ Web & IT Help
http://www.1point1C.org/ Science & Technology

[Spartanicus]

Andrew Thompson <Se********@www.invalid> wrote:

An url with a sample of what you are trying to do using real content
would be much more useful.
You mean, like this erudite author proposes?
<http://www.spartanicus.utvinternet.ie/help_us_help_you.htm> *
Why did you not link to it?

Because the lack of real content was the main problem here, although
mentioned in the above document I suspect that most people would miss it
(creating a minimised test case is the main topic of that document).
* The only concept that it does not seem to address
specifically is that the content be 'real'

See, you also missed it :-)

--
Spartanicus

[Spartanicus]

Mikko Rantalainen <mi**@st.jyu.fi> wrote:

Question:
can I make so that word hellooooo..... remains all within to the div?

You have

<div style='width:100px; background:#99CCFF;'>
helloooooooooooooooooooooooooooooooooooooooooooooo ooooooooooooooooooo
</div>

You want

<div class="enclose"> hello....ooo </div>

with a style sheet rules

.enclose { min-width: 100px; }
* html .enclose { width: 100px; }

Incorrect, it doesn't do what the op wants, in fact it doesn't even do
what you want it to do :)

--
Spartanicus