CSS проблема с padding

Тема в разделе "Веб-дизайн", создана пользователем jamce123, 4 сен 2011.

Модераторы: zek24
  1. jamce123

    jamce123 Постоялец

    Регистр.:
    7 апр 2009
    Сообщения:
    70
    Симпатии:
    5
    Не могу понять почему граница блока тега a, вылезает за границу дива. Есть вариант сделать див позишн relative, а второй absolute, но тогда нужно позиционировать каждую ссылку.

    PHP:
    .mes 
    width1000pxheight100px
    border1px double black
    positionrelative;}

    .
    mes a
    padding60px 10px 10px 10px
    border1px double black
    text-decorationnone;}
    [​IMG]

    ---------- Post added at 14:03 ---------- Previous post was at 12:21 ----------



    UPD:
    Проблему решил, но весьма шаманским способом.

    вставил внутрь дива mes, еще один див fer. Так вот, внутри этого дива стало все ок, эти два блока ссылками перестали выходить за границы.

    PHP:
    <div class="mes">
      <
    div class="fer">
      <
    a href="#">.mes a</a>
      <
    a href="#">.mes a</a>
      </
    div>
    </
    div>
    Если, кто знает в чем фишка, буду рад услышать.
     
  2. joom-joom

    joom-joom

    Регистр.:
    28 фев 2010
    Сообщения:
    429
    Симпатии:
    148
    а так?
    HTML:
     .mes { 
    width: 1000px; height: 100px; 
    border: 1px double black; 
    position: relative;
    overflow:hidden; }
     
  3. Vim

    Vim

    Регистр.:
    12 апр 2008
    Сообщения:
    186
    Симпатии:
    107
    тогда проще у ссылки убрать padding-top.
    HTML:
    .mes a{ 
    padding: 0px 10px 10px 10px; 
    border: 1px double black; 
    text-decoration: none;}
    или сделать из ссылки блочный элемент и двигать float
     
  4. Delk0

    Delk0

    Регистр.:
    26 мар 2010
    Сообщения:
    284
    Симпатии:
    47
    display: block; для тега а сразу решит проблему
     
  5. МихалычЪ

    МихалычЪ Создатель

    Регистр.:
    1 сен 2009
    Сообщения:
    38
    Симпатии:
    7
    А почему бы не использовать display:inline-block на a