problem with overlapping text on a div...

[DanDaBeginner]

how to make the text fit on the set width of a div? thanks in advance...

this is the css for that image..

#leftbody {
width:180px;
height:416px;
border:#A19C9C solid 1px;
float:left;
margin:2px 0px 2px 2px;
padding:2px;
font-size:11px;
}
.nav_left {
/*border:#A19C9C solid 1px;*/
margin:0px;
width:100%;
height:100%;
text-align:left;
}
.nav_left .header {
width:100%;
height:21px;
background-image:url(images/square_tab.gif);
background-repeat:repeat-x;
text-align:center;
font-weight:bold;
margin:3px 0px 3px 0px;
}

 

and this is the html

<div id="leftbody">
		<div class="nav_left">
		Welcome Admin!<br />Logout
		<br /> asjdsakdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
		<div class="header">MEMBERS</div>
		Messages (6)<br /> Profile <br /> My Recent Post
		</div>
	</div>

 

 

[attachment deleted by admin]

[AndyB]

I don't understand your question but CSS overflow:auto might be the answer

 

http://www.w3schools.com/css/pr_pos_overflow.asp

[DanDaBeginner]

sorry, I dont want it to overlap the border, instead I want it to be: see the image attach..

 

thnks!

 

[attachment deleted by admin]

[ToonMariner]

unless there is a space in the string it won't!!!

 

You could use php/asp to detect the length of the string and break it up otherwise you will get one long string on one line.

[DanDaBeginner]

okay thanks.. but is there a way that this can be done with CSS?

[ToonMariner]

nope