Word Wrap Text In Div.

reatum

Oct 3 2005, 11:36 PM

QUOTE

i use 2 div's for the page layout. One for navigation and one for the contents.

html Code:

Original - html Code:

CODE

<div width="10%" style="position: absolute; left: 2%;"> bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb </div> <div width="86%" style="position: absolute; left: 14%;"> bbbb </div>

But now the b's wont stay within their div-element. I want lines that doesnt fit on one line within the divto wrap to the next line.

How can i do this?
Thanks,kvarnerexpress

all you need is:

CODE

<div width="10%" style="position: absolute; left: 2%; word-wrap:break-word;"> bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb </div> <div width="86%" style="position: absolute; left: 14%;word-wrap:break-word;"> bbbb </div>

that will fix your problem i hope let me know

Reply

ashiezai

Oct 3 2005, 11:47 PM

hi there ... thanks for the tutorial .. will tryi it out :0

Reply

Tyssen

Oct 4 2005, 02:46 AM

QUOTE(Re_Atum @ Oct 4 2005, 09:36 AM)

CODE

<div width="10%" style="position: absolute; left: 2%; word-wrap:break-word;"> bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb </div> <div width="86%" style="position: absolute; left: 14%;word-wrap:break-word;"> bbbb </div>

That only works in IE/WIN and Safari 1.3+.

Reply

iGuest

Oct 18 2007, 08:45 PM

Try using <span></span> around your text

-FooSoup

Reply

iGuest

Jan 21 2008, 06:10 PM

Use overflow
Word Wrap Text In Div.

Replying to Tyssen

There is a style attribute 'overflow' which you can use to accomplish this. There are 3 values of this attribute viz. Auto, scroll and hidden. If you want only scroll to be present horizontally, you can use overflow-x, or overflow-y as per your case. Read this for further information (http://msdn2.Microsoft.Com/en-us/library/ms534312(VS.85).Aspx)

-reply by Gaurav

Reply

iGuest

Feb 22 2008, 06:00 AM

how wrap the text content inside the div tag?
Word Wrap Text In Div.

Sir
I developed a site for company.The contents are displayed dynamically. With the help of Ajax.Here the contet are from Databse and placed inside "div tag".
Which are inside the "table". The content stored in the DB is in html format.
So the problem is SOME TIMES IF THE CONTENT'S(table ) WIDTH IS GREATER THAN THE SPECIFIED SIZE OF THE table(USER SIDE) THEN THE ALIGNMENT FULLY CHANGED.

THE CONTENT FROM THE DTATABASE COULD NOT OCCUPY THE SPECIFIED SPACE IN DISPLAY SIDE(user side). THE CONTENT COULD NOT WRAP and CANT PACED INSIDE THE TABLE.
Please help me how to wrap the content inside the table.

<td width="600" height="400px" bgcolor="#FFFFFF" colspan="2" >
<div id="txtHint" style="width:595; vertical-align:top ;" >
//CONTENT FROM DB
//AJAX TECHNOLOGY USED, the content paced in <div>
</div></td>

Plese help me
Saami

Reply

ADD REPLY / Got an Opinion!	Remove these ADs!	RAPID SEARCH!	Free Web Hosting	[X]
Express your Opinions, Thoughts or Contribute more info. to help others. Ask your Doubts & Queries to get answers, So that "Together We can help others!"	Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.		500MB Space No Ads, CPanel, FTP, PHP, MySQL, EMails - 100% FREE