Text not obeying width given.

[jacksoncn]

Hey, I don't know what going on here...but the text in this div is running outside of the width I've given the div. Can someone PLEASE help me.

Here's the css:


.content_box_1{
background-repeat:repeat-y;
background-image:url(../images/box_1.jpg);
width:198px;
}

Here's the html:

<td class="content_box_1">
dshfjksdhfkjdfhkjshfkjsfhkjshfkjshjkldsjflksjflksj flkdsjflksd
</td>

[epots9]

Hey, I don't know what going on here...but the text in this div is running outside of the width I've given the div. Can someone PLEASE help me.

Here's the css:


.content_box_1{
background-repeat:repeat-y;
background-image:url(../images/box_1.jpg);
width:198px;
}

Here's the html:

<td class="content_box_1">
dshfjksdhfkjdfhkjshfkjsfhkjshfkjshjkldsjflksjflksj flkdsjflksd
</td>

try breaking the word

content_box_1{ 
background-repeat:repeat-y;
background-image:url(../images/box_1.jpg);
width:198px;
word-wrap: break-word;
}
 

[drhowarddrfine]

You are trying to set the width of the cell but cell width is controlled by the width of the table and other cells.

[jacksoncn]

try breaking the word

content_box_1{ 
background-repeat:repeat-y;
background-image:url(../images/box_1.jpg);
width:198px;
word-wrap: break-word;
}
 

that didn't work.any other ideas? i'd appreciate it.

[jacksoncn]

alright, i made the class independant from the td. still no go.

<td>
<div class="content_box_1">
dshfjksdhfkjdfhkjshfkjsfhkjshfkjshjkldsjflksjflksj flkdsjflksd
</div>
</td>

any other ideas?

[drhowarddrfine]

The problem now is you don't give the browser anywhere to have the break. There are no spaces in that line. Well, there is one, but you have to add your <br> also.

[jacksoncn]

The problem now is you don't give the browser anywhere to have the break. There are no spaces in that line. Well, there is one, but you have to add your <br> also.

F' in A. thanks so much!!!!