3 деления: одно по центру и два других по одному с каждой стороны - PullRequest
Новая
       26

3 деления: одно по центру и два других по одному с каждой стороны

1 голос
/ 11 октября 2011

У меня есть эта разметка: 

<body>
 <div class="prevBtn"> <a> < </a> </div>
<div id="player"> some code </div>
<div class="nextBtn"> <a> > </a> </div>
</body>

Я пытаюсь получить эту раскладку:

enter image description here Примечание: предыдущие и следующие кнопки: закрыть игроку # 1009 *

И я пытаюсь так: 

            .nextBtn{
                 float:left;
                 width:15%;
                 margin-top:180px;
            }
            .nextBtn a{
                float:right;
            }
            .player{
               float:left;
             width:70%;
                 margin-top:100px;
            }
            .prevBtn{
                float:right;
                 width:15%;
                 margin-top:180px;

            }
            .rightBtn a{
                float:left;

            }

проблема в том, что он не будет похож на макет, если разрешение слишком большое или слишком маленькое,

Как мне добиться этого для любого разрешения?

1 Ответ

2 голосов
/ 11 октября 2011

окружите его div с 770px + шириной левой и правой кнопок (измените их ширину с процента на фиксированную ширину).

Это гарантирует, что все вместе.

Также используйтеoverflow: hidden или div с clear:both в конце, это гарантирует, что все на месте.

...