Дали мне несколько ресурсов
http://habrahabr.ru/company/microsoft/blog/143158/
http://ie.microsoft.com/testdrive/Gr...lti-column.htm
и использовал тот принцип для вашего примера:
<div class="ParentDiv">
<span >
@{
if (string.IsNullOrWhiteSpace(Model.CoverImage))
{
<img src="@Url.Content("~/Content/CoverImage/0.jpg")" alt="CoverImage" id="imga" />
}
else
{
<img src="@Url.Content("~/Content/CoverImage/" + User.Identity.Name + "/CoverImage" + Model.CoverImage)" alt="CoverImage" id="img" />
}
}
</span>
<span>
@using(Html.BeginForm("PostLabel","LabelWall")){
@Html.TextArea("Label", new { style="width: 250px; height: 150px; position: relative; resize: none;" })
<br /><br />
<input type="submit" value="Разместить" />
}
</span>
@foreach(var x in Model.PersonalLabel.OrderByDescending(g=>g.LabelWall.Date))
{
if(x.PersonalID==ViewBag.PersonalGuid)
{
<br /><br />
<span style="display: inline-block; max-width: 300px; max-height: 300px; column-width: 300px; ">
@{ Html.RenderAction("MiniAvaImage", "Home"); }
@ViewBag.FullName<br />
@x.LabelWall.Date.Value.ToLongDateString()
<br />
@x.LabelWall.Text
</span>
}
}
</div>
columns: 4;
column-fill: auto;
height: 884px;
Тут же явно не те стили, которые вы давали. при height: 100% все просто идет в низ, height: 884px позже сделаю под каждый экран браузера пользователя( пару строк JS). Единственное оно и картинку мою сжимает, так что буду калдовать с ней что бы она была полноразмерная ( касательно ширины ( по высоте я равняю)).
И дам картинку как оно сечас выглядит

