Middle Section Card Box Border IE + OPERA

Kategori

<section class="roter getir baslikBirSection bg-white">
    @{
        int card97Col = 3;
        int card97TotalRow = 1;
        int card97CategoryOrderNumber = 3;

        if (Partial.isCategoryOrderNumber(card97CategoryOrderNumber))
        {
            IEnumerable<Category> card97Category = Partial.CategorySubOrderNumber(card97CategoryOrderNumber, lang);
            Category category97idno = Partial.Category(card97CategoryOrderNumber, lang);
            int card97Count = Convert.ToInt32(Math.Ceiling(card97Category.Count() / Convert.ToDouble(card97Col)));
            <div class="container">
                <div class="baslikBir text-center">
                    <div class="p-3">
                        <h1>@category97idno.CategoryTitle.HtmlEncode()</h1>
                    </div>
                    <div class="titleshadowL"></div>
                    <div class="titleshadowR"></div>
                </div>
                @for (int componen = 0; componen < card97TotalRow; componen++)
                {
                    <div class="row">
                        @foreach (Category comCategory in card97Category.Skip(componen * card97Col).Take(card97Col))
                        {
                            <div class="col-lg-@(12 / card97Col) col-sm-@(12 / card97Col) col-xs-12 text-center mt-5">
                                <div class="kutu mar-t-50">
                                    <div class="kenarlik">
                                        <a href="@Partial.CategoryLink(comCategory.CategoryID)">
                                            <img src="@comCategory.CategoryThumbnail">
                                            <div class="text-content p-2">
                                                <h3 class="m-0 text-center">@comCategory.CategoryTitle.HtmlEncode()</h3>
                                                <p>
                                                    @Partial.CategoryShortContent(comCategory.CategoryID, 105)
                                                </p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        }
                    </div>
                }
            </div>
        }
    }
</section>

Makale

<section class="roter getir baslikBirSection bg-white">
    @{
        int card96Col = 3;
        int card96TotalRow = 1;
        int card96CategoryOrderNumber = 3;

        if (Partial.isCategoryOrderNumber(card96CategoryOrderNumber))
        {
            IEnumerable<Post> card96Posts = Partial.PostsOrderNumber(card96CategoryOrderNumber, 0, card96Col * card96TotalRow, Partial.Order.ID, true, lang);
            int card96Count = Convert.ToInt32(Math.Ceiling(card96Posts.Count() / Convert.ToDouble(card96TotalRow)));
            <div class="container">
                <div class="baslikBir text-center">
                    <div class="p-3">
                        <h1>@Partial.Category(card96CategoryOrderNumber, lang).CategoryTitle.HtmlEncode()</h1>
                    </div>
                    <div class="titleshadowL"></div>
                    <div class="titleshadowR"></div>
                </div>
                @for (int componen = 0; componen < card96Count; componen++)
                {
                    <div class="row">
                        @foreach (Post comPost in card96Posts.Skip(componen * card96Col).Take(card96Col))
                        {
                            <div class="col-lg-@(12 / card96Col) col-sm-@(12 / card96Col) col-xs-12 text-center">
                                <div class="kutu mar-t-50">
                                    <div class="kenarlik">
                                        <a href="@Partial.PostLink(comPost.PostID)">
                                            <img src="@comPost.PostThumbnail">
                                            <div class="text-content p-2">
                                                <h3 class="m-0 text-center">@comPost.PostTitle.HtmlEncode()</h3>
                                                <p>
                                                    @Partial.PostShortContent(comPost.PostID, 105)
                                                </p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        }
                    </div>
                }
            </div>
        }
    }
</section>

CSS

.roter .kutu img {
        width: 150px;
        min-height: 150px;
        max-height: 150px;
        position: relative;
        margin: -75px auto auto auto;
        background-color: white;
    }

    .getir .kenarlik {
        border: 1px solid #424d58;
    }

    .getir h3 {
        font-size: 17px;
        margin: 10px 0px;
        font-weight: 600;
        text-align: center;
    }

    .getir p {
        margin: 0;
        line-height: 1.4em;
    }

    .hucre .hucre-ortala h3 {
        text-align: center;
    }


    .baslikBir {
        position: relative;
        margin: 0 0;
        padding-bottom: 0px;
    }

http://www.anka-international.com.tr/tr