Pływak IE9 z przepełnieniem: ukryty i szerokość stołu 100% nie wyświetla się prawidłowo

Próbuję unieść pojemnik po prawej stronie strony. Na lewo od niego jest wiele tabel, które muszę mieć szerokość 100%. Chcę, żeby przeszły aż do elementu pływającego po prawej stronie. Kiedy ten element po prawej stronie chcę, aby tabele rozszerzyły się na koniec strony.Pływak IE9 z przepełnieniem: ukryty i szerokość stołu 100% nie wyświetla się prawidłowo

Działa to doskonale w każdej przeglądarce z wyjątkiem IE. W IE wszystkie tabele wyświetlają się pod pływającym elementem po prawej stronie. Wiem, że istnieje sposób obejścia ukryty w IE, ale nie mogę go uruchomić.

Kod poniżej.

<head> 
<style type="text/css"> 
.container{margin:0 auto; min-width:1000px; max-width:1200px;} 
.sidebar{float:right;width:300px;margin-left:5px;} 
.tholder{overflow:hidden;} 
</style> 
</head> 
<div class="container"> 
<div class="sidebar"> 
<img src="dsfd.jpg" heigh="600" width="295"> 
</div> 
<div class="tholder"> 
<Table width="100%" border="1"><tr><td>Text</td></tr></table> 
</div> 
<div class="tholder"> 
<Table width="100%" border="1"><tr><td>Test goes here</td></tr></table> 
</div> 
<div class="tholder"> 
<Table width="100%" border="1"><tr><td>text</td></tr></table> 
</div> 
</div>

Źródło

2012-04-24 Weldon Johnson

Nie jestem pewien, czy to literówka czy nie, ale atrybut wysokości na obrazie nie ma znaku "t". Opublikuj skrzypce, jeśli możesz. – Jrod

Gdy coś działa w innych przeglądarkach, ale nie w IE9, jest szansa, że Twój nagłówek nie jest poprawny. Sprawdź to:

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Źródło

2012-04-24 20:45:34

Doskonały dystroy. Dzięki za wskazówkę. Działało idealnie. –

Dzień, w którym go znalazłem (podczas kopania dokumentacji MS) był dla mnie rewelacją: teraz tworzenie aplikacji internetowych jest znowu przyjemnością, ponieważ działają one tak samo w Chrome, FF i IE9 :) –

Nie zadałem sobie trudu, aby dowiedzieć się, co to jest znaczy. Po prostu wiem, że to działa. Jeszcze raz dziękuję –

Pływak IE9 z przepełnieniem: ukryty i szerokość stołu 100% nie wyświetla się prawidłowo

Odpowiedz

Powiązane problemy