За последние 24 часа нас посетили 20055 программистов и 1695 роботов. Сейчас ищут 1862 программиста ...

Текст сползает вниз в IE

Тема в разделе "HTML и CSS", создана пользователем SamyRed, 7 июн 2016.

  1. SamyRed

    SamyRed Старожил

    С нами с:
    23 июл 2015
    Сообщения:
    1.196
    Симпатии:
    111
    Адрес:
    Украина
    Здравствуйте.
    Есть такой код:
    PHP:
    1.     Регион:
    2.     <select class = "select">
    3.         <?php
    4.             $regions_res = mysqli_query ($sql, "SELECT * FROM `regions` WHERE `lang` = '{$user["lang"]}'");
    5.             while ($regions = mysqli_fetch_assoc ($regions_res)) {
    6.              
    7.                 echo "<option value = '".$regions["id"]."'>".$regions["name"]."</option>";
    8.              
    9.             }
    10.             unset ($regions_res);
    11.         ?>
    12.     </select><br/>
    и такие стили к нему:
    Код (CSS):
    1. * {
    2.     margin: 0;
    3.     padding: 0;
    4.     font: normal 13px comic sans ms, tahoms, times new roman, arial;
    5.     color: #000;
    6.     outline: none;
    7. }
    8.  
    9. body {
    10.     padding: 0;
    11.     margin: 0;
    12. }
    13.  
    14. #register {
    15.     margin: 0 auto;
    16.     position: relative;
    17.     text-align: center;
    18.     width: 400px;
    19.     border: 2px solid #A8EBFF;
    20.     background: #B8EFFF;
    21.     min-height: 400px;
    22. }
    23.  
    24. #register .select {
    25.     width: 200px;
    26.     margin: 15px auto;
    27.     padding: 3px 5px;
    28.     border: 1px solid #c1c1c1;
    29.     border-radius: ;
    30. }
    В хроме всё выводится нормально:
    upload_2016-6-7_13-46-54.png
    А в IE8:
    upload_2016-6-7_13-47-52.png
    --- Добавлено ---
    ЗЫ это происходит только с IE (У меня 8). Тестировал на хроме, опере и мозиле - там всё норм.
     

    Вложения:

  2. TeslaFeo

    TeslaFeo Старожил

    С нами с:
    9 мар 2016
    Сообщения:
    2.984
    Симпатии:
    759
    Скачай последнюю версию IE и посмотри как там. ИМХО поддерживать это хлам смысла нет. В них даже rgba нормально не отображается.
    А вообще тут не видно в каком теге это всё дело лежит. По border у каждого элемента обычно можно увидеть как они себя ведут.
    Сейчас приходит в голову свойство box-sizing:border-box; пропиши это всем элементам. Вообще оно в reset.css должно быть...
     
  3. rodent90

    rodent90 Новичок

    С нами с:
    26 мар 2015
    Сообщения:
    533
    Симпатии:
    37
    IE еще кто то использует! =)
    По моему я думал, что использование IE только для загрузки другого браузера :))