IE7 przycina mój tekst. Jak mogę poprawić jej nastawienie?

Question

Kilka dni temu ponownie udekorowałem moją witrynę. Rozwój tej skóry był przede wszystkim wykonywany przy użyciu safari, a zgodnie z oczekiwaniami wszystko dobrze się robi przy użyciu firefox i opery. Musiałem wprowadzić kilka drobnych usprawnień dla IE7, ale nic poza wyjątkiem jednego problemu ...

Wskaźniki daty dla wpisu są obcięte w IE. Ten problem zdaje się występować tylko w przypadku zagnieżdżonych znaczników span wewnątrz lewego pływającego elementu div. Myślę, że potrzebuję pływających elementów div w celu rozmieszczenia tekstu po lewej i prawej stronie ekranu.

Czy ktoś z was wie, jak zatrzymać IE7 przed przycinaniem mojego tekstu?

Edycja: Poddałem się temu problemowi. Moje skrypty sprawdzają teraz IE7 i karmię go nieco uproszczonym kodem HTML, który może obsłużyć jego ograniczony silnik. Działa w IE8, więc na razie tylko specjalny przypadek dla IE7 będzie musiał ...

Answer 1

dla klasy .bigdate, spróbuj zastąpić margines z dopełnieniem; wydaje mi się, że ma to coś wspólnego z zarządzaniem depozytem IE.

Answer 2

Spróbuj dodać przepełnienie: widoczny; do twojej klasy .postdate. Może to pomaga.

Answer 3

Dodanie określonej wysokości do .title przytwierdza to dla mnie (w IE6):

.title { 
    PADDING: 0 10px 0 0; MARGIN-top: 0.3em; FLOAT: right; height: 1em; 

Answer 4

Pomimo stanie przetestować go na moim obecnym maszyny: Podejrzewam, że jest to hasLayout bug. Metody radzenia sobie z tym są wymienione w sekcji "properties" tego linku.

Answer 5

W większości przypadków, gdy IE6 lub 7 Teledyski off dole tekstu, wystarczy dodać:

line-height: normal; 

z regułami CSS zainteresowanych. Powinien dobrze to naprawić, ale jak zrozumiesz, rozszerza to pudełko.

Answer 6

Z mojego doświadczenia wynika, że ​​jest niezmiennie dnem tekstu, który zostaje przycięty, a także z powodu nachodzących na siebie podziałów. Jeśli jesteś w stanie upewnić się, że elementy div nie pokrywają się, problem zostanie rozwiązany. To oprócz dodania przepełnienia: widoczne czasami pomaga.

Answer 7

spróbuj dodać

div.postmeta { height: 100px; } 
div.postdate { height: 75px; } 

dowolną wartość wysokość ... ale trzeba znać dokładną wysokość chcesz. To powinno zapobiegać przycinaniu kontenerów tekstowych w IE7.

Answer 8

Jest hack, który wymyśliłem, który rozwiązuje problem odcięcia tekstu w IE. Zauważyłem, że ostatnia linia w nagłówku była jedyną odciętą.

Mój oryginalny CSS co było odcięcie ostatnią linię w IE7, ale wyglądał dobrze w innych przeglądarkach:

h2 { 
    font-size: 22px; 
    line-height: 1em; 
} 

Zobacz obraz problemu tutaj: https://skitch.com/pablohart/f4g3i/windows-7-x64

Rozwiązaniem zrobiłem zawarte prostu dodając dopełnienie do dno, a następnie branie z powrotem z marginesem.Tak:

h2 { 
    font-size: 22px; 
    line-height: 1em; 
    padding-bottom: 5px; 
    margin-bottom: -5px; 
} 

Zobacz obraz poprawki w tym obrazie: https://skitch.com/pablohart/f4g4h/windows-7-x64

Problem z line-height: normal; polega na tym, że przyjmuje domyślną wysokość linii dla czcionki, zwykle 1.3em.

Answer 9

Miałem podobny problem. Zmieniłem zakres na div i problem został rozwiązany. Myślę, że IE7 może mieć problem z przetwarzaniem wysokości linii na rozpiętości. Nie potwierdziłem, że to jest problem. Były inne elementy CSS. (Praca nad czyimś kodem.) Ale zmiana z zakresu na div (blok) rozwiązała problem.

Answer 10

Myślę, że problem dotyczy wypełnienia. Próbowałem usunąć styl "padding: 3px" i działało poprawnie. Wcześniej nic nie pokazywał. Odpowiedź Paul'a Hart'a pokazała mi to.
Prawdopodobnie pomocne może być również usunięcie/przesłanianie właściwości marginesów.