html - リスト イメージの非パディング

Question

私はギャラリーを作成し、ユーザーはこの写真をギャラリーにアップロードできます。しかし、写真は背景にパディングを表示せず、この悪い画面を表示します..

画像

 .fotograf
{
    display: block;
    min-height: 100%;
    height: 100%;
}
.fotograf ul li
{
    width: 200px;
    margin-left: 4px;
    margin-right: 4px;
    height: 200px;
    float: left;
    line-height: 1px;
    list-style-type: none;
}
.fotograf ul li img
{
    display: block;
}
.maincenter
{
    background: url("img/maincenter.png") repeat;
    width: 926px;
    height: 100%;
    font-family: Tahoma;
    line-height: 20px;
    font-size: 15px;
    color: #3d3d3d;
    padding-left: 55px;
    padding-right: 15px;
}

このギャラリーの背景のサイズを自動的に変更したい。

ありがとうございました。

よろしくお願いします！

Answer 1

次のように、オーバーフローを追加してみてください。

.fotograf {
     display: block;
    min-height: 100%;
    height: 100%;
    overflow:hidden;
}

またはフロート

.fotograf {
         float: left;
        min-height: 100%;
        height: 100%;
        overflow:hidden;
    }