Question

Possible Duplicate:
Bind 5 items in each row of repeater

I am using a Repeater control to display certain elements for me.
These elements work off a tabular format, and each one is wrapped in their own panel tag.

A user can add/remove variables from these elements as that choose, which in tern expands / contracts the div box.

As of now, the application shows 3 div boxes on a line, then starts a new div box on a new line.

Unfortunatly, if a div box on the previous line expands, it messes around with a div box on the next line.

Is there any way to force a <br /> after every row in a repeater control?

---

The following picture will help show what I mean.

Answer 1

This isn’t a server-side issue.

You should use CSS.

First of all, make <div runat="server">, and assign a CSS class line-break after every 3 or 4 items. This is possible using Repeater’s ItemDataBound event.

Later, in your CSS stylesheet, use clear: both rule on .line-break CSS class.

Finally, this should avoid bad effects when some div has a higher height than others.

UPDATE

I guess you’re applying float: left to your <div /> elements.