pre element, flow text

Hi,

When I use <pre> inside my <td> cells, the text won't flow to a new line
and the table gets to large in width. This will appear in Firefox this
way, Internet Explorer will wrap the lines, like I want, by default.
Any idea what I should define to make firefox wrap the text inside the pre?

<table><tr><td><pre>this is unwrapped in firefox</pre></td></tr>....<table>

regards,

Roderik
--
http://www.archytas.nl/
webdesign, internet applicaties, internetgestuurde elektronica

Roderik wrote:

Hi,

When I use <pre> inside my <td> cells, the text won't flow to a new
line and the table gets to large in width. This will appear in
Firefox this way, Internet Explorer will wrap the lines, like I want,
by default.
Any idea what I should define to make firefox wrap the text inside
the pre?

table><tr><td><pre>this is unwrapped in
firefox</pre></td></tr>....<table

regards,

Roderik

<pre> means "This text is preformatted, do not apply any formatting" --
which includes line breaks. Manually insert a line break in your code or
use <br>.

Nik Coughin wrote:

Roderik wrote:

Hi,

When I use <pre> inside my <td> cells, the text won't flow to a new
line and the table gets to large in width. This will appear in
Firefox this way, Internet Explorer will wrap the lines, like I want,
by default.
Any idea what I should define to make firefox wrap the text inside
the pre?

table><tr><td><pre>this is unwrapped in
firefox</pre></td></tr>....<table

regards,

Roderik


pre> means "This text is preformatted, do not apply any formatting" --
which includes line breaks. Manually insert a line break in your code or
use <br>.


Okay, then I will remove the <pre> and look for a server side solution.

--
http://www.archytas.nl/
webdesign, internet applicaties, internetgestuurde elektronica

Quoth the raven Roderik:

When I use <pre> inside my <td> cells, the text won't flow to a new
line and the table gets to large in width. This will appear in
Firefox this way, Internet Explorer will wrap the lines, like I
want, by default. Any idea what I should define to make firefox
wrap the text inside the pre?

table><tr><td><pre>this is unwrapped in
firefox</pre></td></tr>....<table

If IE wraps a <pre> on your page, it is because IE is broken. In this
case, Firefox is correctly rendering your code. <pre> is not supposed
to wrap by itself.

--
-bts
-This space intentionally left blank.

Roderik <mail (AT) roderik (DOT) net> wrote:

When I use <pre> inside my <td> cells, the text won't flow to a new
line and the table gets to large in width. This will appear in
Firefox this way, Internet Explorer will wrap the lines, like I want,
by default.

Really? I don't see IE doing such things.

But you posted the same question to the css-discuss list. It is not
friendly to send one's question to several international fora without
mentioning what you are doing, for reasons quite similar to the reasons
why multiposting is harmful.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

Roderik wrote:

pre> means "This text is preformatted, do not apply any formatting"
-- which includes line breaks. Manually insert a line break in your
code or use <br>.

Okay, then I will remove the <pre> and look for a server side solution.

It is easier to use <tt> or <code>.

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

On Wed, 01 Sep 2004 22:35:58 -0700, jmm-list-gn
<jmm-list.AXSPAMGN (AT) sohnen-moe (DOT) com> wrote:

Roderik wrote:

pre> means "This text is preformatted, do not apply any formatting"
-- which includes line breaks. Manually insert a line break in your
code or use <br>.

Okay, then I will remove the <pre> and look for a server side solution.

It is easier to use <tt> or <code>.

Without knowing what he's doing, that's not necessarily the case. As the
OP didn't volunteer that info, we're in the dark as to what would be
better.

Roderik wrote:

Hi,

When I use <pre> inside my <td> cells, the text won't flow to a new line
and the table gets to large in width. This will appear in Firefox this
way, Internet Explorer will wrap the lines, like I want, by default.
Any idea what I should define to make firefox wrap the text inside the pre?

table><tr><td><pre>this is unwrapped in firefox</pre></td></tr>....<table

If you are just using pre to get the monospace font, then just use CSS
and apply the style to the table cell.

td { font-family: monospace; }

But, then I would question your reason for using a table, instead of
a more semantic element. Without knowing what exactly the content
represents, this is the best advice I can give. Think about what the
content represents and then choose an appropriate element that best
matches and, if necessary, assign a class and/or id to describe what it
is. Then apply the monospace font and other styles with the stylesheet
as required.

You could also try:

pre { white-space: pre-wrap; }

But that is a CSS 2.1 value, and I haven't checked which browsers (if
any) support it yet, as CSS 2.1 is only a Candidate Recomendation.

--
Lachlan Hunt
http://www.lachy.id.au/

Please direct all spam to abuse (AT) 127 (DOT) 0.0.1
Thank you.