CSS: всплывающее окно расширения таблицы, даже с установленной шириной / максимальной шириной

Question

CSS: всплывающее окно расширения таблицы, даже с установленной шириной / максимальной шириной

0

Я пытаюсь понять, почему я не могу установить ширину для этой проблемы, которую я имею. Я могу установить ширину, но она ничего не делает. И я даже не уверен, почему этот элемент расширяет всплывающее окно в первую очередь (также мне кажется, что установка ширины здесь не нужна).

См. Изображение ниже (с левой стороны, клиентские аэропорты). Обратите внимание, что белые прямоугольные коробки торчат.

Если у вас возникли проблемы с просмотром изображения, просто щелкните изображение правой кнопкой мыши и откройте URL-адрес в новом браузере.

Это td с идентификатором icao_input. Честно говоря, я ненавижу использовать таблицы здесь, но меня попросили не вмешиваться в формат.

HTML:

<div id='cust_airport_popup_container_small'>
  <div id='page_title'>Customer Airports - Add an airport</div>
  <script>
    var fcn="confirmAirport()";
  </script>
  <table>
    <tr>
      <td id="icao_label">Airport ICAO</td>
      <td id="icao_input">
        <input type='textfield' id='ICAO' name='ICAO' class='textfield_class_inline_small' onkeydown='hideErrorMsg(); enterSubmission(event, fcn)' value='' maxlength='4'>
        &nbsp;(4-letter code)
      </td>
    </tr>
    <tr>
      <td></td>
      <td id="icao_buttons">
        <input type="button" class="btn" value="Cancel" onclick="cancelBox()">
        <input type="button" class="btn" value="Add Airport" onclick="confirmAirport()">
      </td>
    </tr>
  </table><br>
  <div id="ca_error_msg" class="error_message"></div></div>

Откуда берутся эти белые прямоугольные ящики? И как мне их объяснить (ака, избавиться от них)?

Любой ввод по этому вопросу приветствуется. благодаря

DnfD 18 сен. 2013, в 19:48

Источник

Теги:

html

css

html-table

2 ответа

Ещё вопросы

bmasterson · Answer 1 · 2013-09-18T17-48-00.000Z

Решение 1

#cust_airport_popup_container_small{
    overflow:hidden;
}

Решение 2

Может не работать

#cust_airport_popup_container_small table{
    width:100%;
}

sinfere · Answer 2 · 2013-09-18T14-55-00.000Z

Я пробовал этот код, но нет файла css, поэтому я не могу узнать, что такое ошибка.

Кажется, что белая линия - это граница таблицы, вы можете попробовать таблицу {border-width: 0px; } to avoid it }, чтобы избежать этого

Да, попробовал, думая, что это сработает (и даже сделал то же самое для tr и td). Но проблема была в нашем файле main.css. Таблица tr, td там имеет белую рамку, которая и вызывала проблему. С css это всегда что-то очевидное: x