Paragraph exceeding div boundary

[Axel Siebenwirth]

hi!

there is something I dont quite understand. I have a paragraph within a
layer. It looks like this:

<div id="ueber_uns">
<p>
Einige Leute sind der Ansicht unersetzbar zu sein und alles alleine in
die Hand nehmen zu müssen... Wir teilen diese Ansicht.Von der Planung
und Vorbereitung bis hin zur Umsetzung und Koordination sportlicher
und kultureller Aktivitäten, sowie persönlicher Dienstleistungen
entsprechend individueller Bedürfnisse: up-2-d8 setzt Ihre Ideen und
Wünsche mit Fantasie und Kreativität vom Anfang bis zum Ende um. Sie
konzentrieren sich auf all die anderen wichtigen Aufgaben, die
ebenfalls erledigt werden wollen, während wir die Organisation ihrer
Präsentations- oder Promotionveranstaltung in die Hand nehmen. Von
der Technik und Auswahl der Musik bis hin zur Raumgestaltung und
Catering-Sevice, nichts bleibt dem Zufall überlassen. Alles wird
individuell auf den Kunden und den Anlass zugeschnitten, jeder Schritt
mit Ihnen abgestimmt. Sind Sie zufrieden, sind wir zufrieden. Für
Anregungen sind wir natürlich jeder Zeit offen. Springen Sie über
Ihren Schatten, lernen sie Aufgaben zu delegieren... am besten an uns!
</p>
</div>

this is its style:
#ueber_uns {
position:absolute;
width:250px;
height:200px;
top:400px;
left:200px;
background-color:red;
font-family:monospace;
font-size:12px;
z-index:4;
}

What bothers me, is why the text is exceeding the boundary of the div.
From the docs I read I thought it would be cut of at the border of the
div. What can I do against this?

Best regards,
Axel

[David Dorward]

Axel Siebenwirth wrote:

#ueber_uns {
width:250px;
height:200px;
}

What bothers me, is why the text is exceeding the boundary of the div.
From the docs I read I thought it would be cut of at the border of the
div.

The default value of the overflow property is "visible". (BTW, this would
have been better addressed to comp.infosystems.www.authoring.stylesheets)

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

[me]

"Axel Siebenwirth" <se***@pearbough.net> wrote in message
news:pa****************************@pearbough.net. ..

hi!

there is something I dont quite understand. I have a paragraph within a
layer. It looks like this:

<div id="ueber_uns">
<p>
Einige Leute sind der Ansicht unersetzbar zu sein und alles alleine in
die Hand nehmen zu müssen... Wir teilen diese Ansicht.Von der Planung
und Vorbereitung bis hin zur Umsetzung und Koordination sportlicher
und kultureller Aktivitäten, sowie persönlicher Dienstleistungen
entsprechend individueller Bedürfnisse: up-2-d8 setzt Ihre Ideen und
Wünsche mit Fantasie und Kreativität vom Anfang bis zum Ende um. Sie
konzentrieren sich auf all die anderen wichtigen Aufgaben, die
ebenfalls erledigt werden wollen, während wir die Organisation ihrer
Präsentations- oder Promotionveranstaltung in die Hand nehmen. Von
der Technik und Auswahl der Musik bis hin zur Raumgestaltung und
Catering-Sevice, nichts bleibt dem Zufall überlassen. Alles wird
individuell auf den Kunden und den Anlass zugeschnitten, jeder Schritt
mit Ihnen abgestimmt. Sind Sie zufrieden, sind wir zufrieden. Für
Anregungen sind wir natürlich jeder Zeit offen. Springen Sie über
Ihren Schatten, lernen sie Aufgaben zu delegieren... am besten an uns!
</p>
</div>

this is its style:
#ueber_uns {
position:absolute;
width:250px;
height:200px;
top:400px;
left:200px;
background-color:red;
font-family:monospace;
font-size:12px;
z-index:4;
}

What bothers me, is why the text is exceeding the boundary of the div.
From the docs I read I thought it would be cut of at the border of the
div. What can I do against this?

Best regards,
Axel

The overflow attribute controls what happens to anything that exceeds the
size of the layer. Possible settings are: visible, hidden, scroll and auto.
Signed,
me

[Jukka K. Korpela]

Axel Siebenwirth <se***@pearbough.net> wrote:

there is something I dont quite understand.
Neither do we, since you don't give enough information.
Please post the URL, after considering whether this would really
belong to c.i.w.a.stylesheets.
I have a paragraph within a layer.
Please don't use obscure and obsolete terms like "layer". You have a
<div>, which you position absolutely in CSS. And the <div> contains a
<p> element, that much we can see. But there must be something else.
this is its style:
It has more oddities than I bear to list down (absolute dimensions for
a text block, red background, monospace font, fixed font size, vomit).
But nothing in it seems to cause the phenomenon you describe:
What bothers me, is why the text is exceeding the boundary of the
div.

Unless you have done something to prevent it, the text is formatted to
fit within the available width. Are you perhaps using white-space: pre?
Then you would more or less get what you ask for, except that on
overflow, some browsers make the content overflow (the correct behavior
by CSS specs) while IE widens the box (extending the background too).

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html