1. "white-space: pre;" works but the height of the
table inside its surrounding <div> becomes half of it.
2. Alternatively, text wrapping around problem is gone
if I put <!-- --> on the very top of the JSP. But,
the JavaScript in that page stops working.
I wondering if IE6 does those things to us.
--- Andrew Robinson <[EMAIL PROTECTED]>
wrote:
> Do you have children elements of the DIV? (I've seen
> problems with that)
>
> Just to check, does "white-space: pre;" work?
>
> On 7/11/07, Caroline Jen <[EMAIL PROTECTED]>
> wrote:
> > I followed your suggestion to put <div> inside the
> > column. But, the text still wraps around. Is it
> > because I use IE6?
> > --- Andrew Robinson <[EMAIL PROTECTED]>
> > wrote:
> >
> > > I has to be inside the columns, not outside the
> > > table, I did that on purpose
> > >
> > > On 7/11/07, Caroline Jen <[EMAIL PROTECTED]>
> > > wrote:
> > > > My <div class="nowrap"> is outside the
> > > <h:dataTable
> > > > ...> tag. I simply cannot stop text wrapping
> > > around
> > > > in table cells.
> > > > --- Andrew Robinson
> <[EMAIL PROTECTED]>
> > > > wrote:
> > > >
> > > > > TD ignores the overflow style attribute in
> my
> > > > > experience. I would suggest:
> > > > >
> > > > > CSS:
> > > > > DIV.nowrap { white-space: nowrap; overflow:
> > > auto; }
> > > > >
> > > > > <h:dataTable>
> > > > > <h:column>
> > > > > <div class="nowrap">...</div>
> > > > > </h:column>
> > > > > </h:dataTable>
> > > > >
> > > > > On 7/10/07, Caroline Jen
> <[EMAIL PROTECTED]>
> > > > > wrote:
> > > > > > I display a table inside a <div> because I
> > > want to
> > > > > > show scrollbars. However, I have wrapped
> > > around
> > > > > text
> > > > > > inside table cells although I provide
> enough
> > > width
> > > > > to
> > > > > > each column and used white-space:nowrap;
> > > > > > overflow-x:scroll. How do I make all text
> in
> > > each
> > > > > > table cell displayed in one single line?
> > > > > >
> > > > > > code:
> > > > > >
> > > > >
> > > >
> > >
> >
>
--------------------------------------------------------------------------------
> > > > > >
> > > > > > ....<style>
> > > > > > .scrollbar
> > > > > > { overflow-y:auto;
> > > > > overflow-x:scroll;
> > > > > > scrollbar-face-color: #C0C0C0;
> > > > > > scrollbar-arrow-color: #587090;
> > > > > > scrollbar-track-color: #90A0B0;
> > > > > > scrollbar-shadow-color: #7B7B7B;
> > > > > > scrollbar-highlight-color: #F9F9F9;
> > > > > > scrollbar-3dlight-color: #FFFFFF;
> > > > > > scrollbar-darkshadow-Color: #8B8B8B;
> > > > > > }
> > > > > > .lovTableDefault
> > > > > > {
> > > > > > BORDER-TOP: #006699 1.5px
> > > solid;
> > > > > BORDER-LEFT:
> > > > > > #006699 1.5px solid;
> BORDER-RIGHT:
> > > > > white 1.5px
> > > > > > solid; BORDER-BOTTOM: white 1.5px
> > > solid;
> > > > > padding:
> > > > > > 3px; overflow-y:auto;
> > > > > overflow-x:scroll;
> > > > > > white-space: nowrap;
> > > > > > }
> > > > > > .tableHeaderDefault
> > > > > > {
> > > > > > text-align: left;
> > > > > white-space: nowrap; FONT-SIZE:
> > > > > > 0.7em; FONT-FAMILY: Arial,
> Helvetica,
> > > > > sans-serif;
> > > > > > }
> > > > > > .codeColumn
> > > > > > {
> > > > > > text-align: left;
> > > > > FONT-FAMILY: Verdana, sans-serif;
> > > > > > font-size:0.7em;
> > > > > width: 7em; white-space: nowrap;
> > > > > > border: 0;
> > > > > > }
> > > > > > .descriptionColumn
> > > > > > {
> > > > > > text-align: left;
> > > > > FONT-FAMILY: Verdana, sans-serif;
> > > > > > font-size:0.7em;
> > > > > width: 30em; white-space: nowrap;
> > > > > > border: 0;
> > > > > > }
> > > > > > </style>
> > > > > > ....
> > > > > <div style="height:12em; width:20em;"
> > > > > > id="container" class="scrollbar">
> > > > >
> > > <h:dataTable
> > > > > >
> > > value="#{countriesManagementBean.countriesList}"
> > > > > > var="country"
> > > > >
> id="countryTable"
> > > > > > styleClass="lovTableDefault"
> > > > >
> > > > > border="0"
> > > > > > cellspacing="1" bgcolor="#FFFFFF"
> > > > > > headerClass="tableHeaderDefault"
> > > > > > columnClasses="codeColumn,
> descriptionColumn">
> > > > > > <h:column>
> > > > > <f:facet name="header">
> > > > > > <h:outputText style="width:7em;
> > > > > white-space:nowrap;"
> > > > > > value="Code"/>
> > > > > </f:facet>
> > > > > > <h:outputText value="#{country.code}"/>
> > > > > > </h:column>
> > > > > <h:column>
> > > > > <f:facet
> > > > > > name="header">
> > > > > <h:outputText
> > > > > > style="width:30em; white-space:nowrap;"
> > > > > > value="Description"/>
> > > > > </f:facet>
> > > > > > <h:outputText
> value="#{country.description}"/>
> > > > > > </h:column>
> > > > > </h:dataTable>
> > > > > >
> > > > > >
> > > > > >
> > > > > >
> > > > > >
> > > > >
> > > >
> > >
> >
>
____________________________________________________________________________________
> > > > > > Get the Yahoo! toolbar and be alerted to
> new
> > > email
> > > > > wherever you're surfing.
> > > > > >
> > > > >
> > > >
> > >
> >
>
http://new.toolbar.yahoo.com/toolbar/features/mail/index.php
> > > > > >
> > > > >
> > > >
> > > >
> > > >
> > > >
> > >
> >
>
____________________________________________________________________________________
> > > > Fussy? Opinionated? Impossible to please?
> Perfect.
> > > Join Yahoo!'s user panel and lay it on us.
> > >
> >
>
http://surveylink.yahoo.com/gmrs/yahoo_panel_invite.asp?a=7
> > > >
> > > >
> > >
> >
> >
> >
> >
>
____________________________________________________________________________________
> > Shape Yahoo! in your own image. Join our Network
> Research Panel today!
>
http://surveylink.yahoo.com/gmrs/yahoo_panel_invite.asp?a=7
>
=== message truncated ===
____________________________________________________________________________________
Park yourself in front of a world of choices in alternative vehicles. Visit the
Yahoo! Auto Green Center.
http://autos.yahoo.com/green_center/
