Overflow-x / y не работает в IE

Question

Overflow-x / y не работает в IE

0

Текущая версия IE: 11 Веб-сайт: www.4pia.com/beta

Сейчас я пробовал тестировать веб-сайт с помощью Firefox, Chrome и IE11. Chrome и Firefox работают с overflow CSS. Однако IE11 этого не делает. Когда я попытался изменить ширину/высоту в коде CSS, он вообще не повлиял на рендеринг IE (так что я предполагаю, что там, где моя проблема). Я не уверен, где мне нужно перевести код переполнения, чтобы он работал.

CSS:

#repnews{
    float: right;
    width: 450px;
    height: 600px;
}

#reptable tbody{ 
    width: 450px;
    height: 600px;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    color: #000; 
    font-size: 11px; 
    font-weight: bold;
}

#reptable tr{
    max-width: 450px;
    height: auto;
    display: block;
}

#reptable td{
    max-width: 360px;
    height: auto;
    display: block;
}

HTML/PHP

<?php
echo "<div id='repnews'>";
echo "<div class='counter' align='right'>".$reptotal."<img src='images/rep.png'></div>";
echo "<hr class='repborder'>";
echo "<table id='reptable'>";

echo "<tr><td><div class='icon'><a href='/beta/bio?code=".$code."'>".$Name."</a> - ".$Tim;
echo "<img src='images/reply.png' class='tooltip' title='Please sign into Twitter to reply'>";
echo "<img src='images/retweet.png' class='tooltip' title='Please sign into Twitter or Facebook retweet'>";
echo "<img src='images/check.png' class='tooltip' title='Please sign in to vote'>";
echo "<img src='images/veto.png' class='tooltip' title='Please sign in to vote'>";
echo "</div></td></tr>";
echo "<tr><td nowrap='wrap' width='360px'>".$Tweet."</td>";
echo "<td width='90px'><font color='green'>".$fol."<br>Followers</font></td></tr>";

echo "</table>";
echo "</div>";
?>

Jester 16 апр. 2014, в 05:36

Источник

1

Вместо того, чтобы заставлять таблицу иметь display: block , что может привести к проблемам с разметкой таблиц (по умолчанию display: table ), почему бы просто не обернуть каждую таблицу в <div> , задать ей высоту и установить переполнение там? Или даже лучше использовать <divs> для макета, а не для таблиц, поскольку это не табличные данные.
davidpauljunior 16 апр. 2014, в 03:18
0

Это тоже намного чище. Я попробую это спасибо!
Jester 16 апр. 2014, в 03:20

Теги:

php

html

css

internet-explorer

1 ответ

Ещё вопросы

Вместо того, чтобы заставлять таблицу иметь display: block , что может привести к проблемам с разметкой таблиц (по умолчанию display: table ), почему бы просто не обернуть каждую таблицу в <div> , задать ей высоту и установить переполнение там? Или даже лучше использовать <divs> для макета, а не для таблиц, поскольку это не табличные данные.
Это тоже намного чище. Я попробую это спасибо!

4dgaurav · Answer 1 · 2014-04-16T01-28-00.000Z

убедитесь, что вы не используете видимые для переполнения-x или overflow-y и что-то другое, кроме видимого для другого. Видимое значение интерпретируется как автоматическое.

http://www.brunildo.org/test/Overflowxy2.html

это может помочь CSS overflow-x: visible; и overflow-y: скрытый; вызвав проблему прокрутки

РЕДАКТИРОВАТЬ x2: Я посмотрел на проблему, но она все еще, кажется, делает overflow: visible несмотря на то, что было сказано, что это overflow-x:hidden и overflow-y: scroll . У меня нет другого overflow CSS в моем коде, поэтому я не думаю, что это будет присуще ему где-либо еще.