table cell problem

**todd2006** · todd2006, September 2nd, 2009 11:29 AM

Guys i am having problems with the text in the table

The Student Info is overflowing from the table.

I have put the width as 800 still its overflowing its showing outside the table cell

any idea how i can fix it

Code:

<table style="width:800px;">
<thead>
<tr><th style="text-align:left;"><em><%=Title%></em></th></tr>
</thead>
<tr>
<td style="width:800px;"><strong><%=StudentName%></strong>
<br />
<div style="width:800px;"><%=StudentInfo%></div>
</td>
</tr>
</table>

**jmurrayhead** · jmurrayhead, September 2nd, 2009 11:35 AM

The cell should expand with content inside it...but you could try changing your div to have the following:

Code:

<div style="overflow: scroll"><%=StudentInfo%></div>

**todd2006** · todd2006, September 2nd, 2009 12:07 PM

Jason,

thanks for your reply.

It doesnt work

With Scroll it creates a scroll bar we dont want the scroll bar I tried overflow:hidden but then it hides the text

what I want is I want the text in the cell when the text reaches the end of the cell I want it to scroll down like a paragraph

**jmurrayhead** · jmurrayhead, September 2nd, 2009 12:54 PM

In IE6, I'm unable to duplicate the problem you're having. It's quite possible that you might have some other styling settings that is causing this issue. On my test, the cell grows to accommodate the content.

**Wolffy** · Wolffy, September 2nd, 2009 03:23 PM

Tried you example in both FF and IE8 and it wraps the text at 800px just fine.

**todd2006** · todd2006, September 4th, 2009 11:11 AM

Ok I had a table and its style sheets assigned to it

SO I decided to remove tables and use css

Code:

<div style="width:800px; padding:10px;">
<%
sqlstr = "SELECT * FROM Students"
Set rs = Conn.Execute(sqlstr)

If Not  .EOF Then
	Do While Not rs.EOF
%>
<br/>
<em><%=rs("Title")%></em><br/>
<strong><%=rs("StudentName")%></strong>
<br />

<%=rs("StudentInfo")%>&nbsp; <a href="studentinfo.asp?id=<%=rs("StdId")%>">(Read the article)</a><br/><br />

<%
	rs.MoveNext
	Loop
%>

</div>

here also the text overflows outside the div.

any idea how to keep the text within the div

**Wolffy** · Wolffy, September 4th, 2009 12:33 PM

I tried your snippet in Firefox, Opera, and 3 versions of IE and they all wrap the text a 800. I used the following based on your snippet above.

Code:

<html>
  <head>

  <title></title>
  </head>
  <body>
   <div style="width:800px; padding:10px;">
<em>MY Title</em><br/>
<strong>"StudentName"</strong>
<br />

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent semper semper fermentum. 
Cras semper, dolor ut posuere hendrerit, nunc tortor pretium ipsum, ac rutrum diam&nbsp;
<a href="studentinfo.asp?id=1234">(Read the article)</a><br/><br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent semper semper fermentum. 
Cras semper, dolor ut posuere hendrerit, nunc tortor pretium ipsum, ac rutrum diam&nbsp;
<a href="studentinfo.asp?id=1234">(Read the article)</a><br/><br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent semper semper fermentum. 
Cras semper, dolor ut posuere hendrerit, nunc tortor pretium ipsum, ac rutrum diam&nbsp;
<a href="studentinfo.asp?id=1234">(Read the article)</a><br/><br />

</div>

  </body>
</html>

I also changed the width from 800 to several other values and in each case the text wrapped accordingly.

**todd2006** · todd2006, September 4th, 2009 12:59 PM

Wolfy,

the problem is the studentInfo field has a lot of information in table.

Is there a way I can have a break in the code where after so many words it goes on the next line

todd

**Wolffy** · Wolffy, September 4th, 2009 02:06 PM

I tried it again with almost 5000 characters for studentInfo and it worked fine. I'm beginning to think that there is something in the DATA that is causing the problem, not the markup.

**jmurrayhead** · jmurrayhead, September 4th, 2009 02:06 PM

Todd,

Load your page in your browser. Then, right-click and select "View Source". Copy and paste the source here. Also, if you have a separate style sheet, copy and paste that here, as well.

Thread: table cell problem

LinkBack

Thread Tools

Display

table cell problem

Similar Threads

Dynamically Reference Worksheet Cell/Range

Bookmarks

Bookmarks

Posting Permissions