Div overflow issue (HTML, CSS)

Question

<div id="broadcast">
<div class="broadcast_element">
 <div class="broadcast_username"><?php echo $row[0]?>:</div>
 <div class="broadcast_broadcast"><?php echo $row[2];?></div>
</div>
</div>

Simplified CSS:

.broadcast_element
{
 width: 100%;
}
\#broadcast
{
 width: 200px;
}

The problem is: The php script echoes the data in a straight line causing it to the overflow from the div (broadcast).
word wrap: I hate IE, so no way i'm using that.
overflow: the properties do not provide what i want to achieve.

The question simply - I'm looking for a solution that'll solve this overflow problem once and for all. I'm looking for something general i can apply in any similar case.

My thoughts - Being a noob the only way i can think of is using javascript to insert a <br/> after every 200px of data? I know thats sad :P.

Thank You.

Oh, i had no idea of that, Think i'll have to register to do that. Cheerios, i'll do it asap. — Susagittikasusa
– Susagittikasusa, Commented Oct 17, 2010 at 5:51

Shikiryu · Accepted Answer · 2010-10-14 08:11:02Z

1

Did you try those CSS properties :

answered Oct 14, 2010 at 8:11

Shikiryu

10.3k9 gold badges53 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ross Over a year ago

I quote your original post: word wrap: I hate IE, so no way i'm using that. - ? implying you didn't want to use word wrap?

Shikiryu Over a year ago

He may want to talk about the php function?

Collectives™ on Stack Overflow

Div overflow issue (HTML, CSS)

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related