IE7 ist clipping meinem text. Wie kann ich einstellen, seine Haltung?

Vor ein paar Tagen habe ich wieder gehäutet meiner website. Die Entwicklung dieser Haut war in Erster Linie die Verwendung von safari, und wie erwartet, alles macht gut mit firefox und opera. Ich habe ein paar kleine Optimierungen für IE7, aber nicht viel, bis auf ein problem...

Datum Indikatoren für einen post sind abgeschnitten im IE. Dieses problem scheint nur auftreten, auf verschachtelte span-tags innerhalb von Links floatende div. Ich glaube, ich brauche das floatende div ' s um layout text auf der linken und der rechten Seite des Bildschirms.

Tun Sie wissen, wie zu stoppen IE7 von clipping meinen text?

Edit: ich habe eine Art von gegeben, bis auf dieses problem. Meine Skripte jetzt prüfen für IE7 und füttern Sie etwas vereinfachter HTML-Code, der seine begrenzte Motor verarbeiten kann. Es funktioniert im IE8, so, jetzt, nur der spezielle Fall für IE7 zu tun haben...

+1 kann ich nicht geben Ihnen einen Einblick auf dieses problem, aber ich gebe Ihnen Requisiten für die Umsetzung einige echte Anstrengungen in der Frage. Weg, ein Beispiel zu setzen!
gute Frage, Schätze die Mühe, zu erklären, was genau das problem ist
Ich habe kopiert Ihre Quelle und ich habe rumgespielt, konnte aber keine saubere Lösung. Ich habe das Gefühl aber, dass etwas riecht auf einer Allgemeinen Ebene. was ist, wenn IE tatsächlich das richtige tut? Ich habe noch nie jemanden gesehen, der so eine Schrift überlauf vor.
IE können das richtige tun, wenn die funky layout ist nicht in einem floating div. Es dauerte eine Weile, um den Fehler reproduziert, mit dem IE konsequent tun, 'die richtige Sache', aber mit der exakt gleichen HTML funktioniert nicht in den Seiten auf meiner Website...

InformationsquelleAutor Emiel | 2009-03-11

19

In den meisten Fällen, in denen der IE6 oder 7 clips aus dem unteren text, nur hinzufügen:
```
line-height: normal;
```
den CSS-Regeln betrifft. Sollte es zu beheben schön, aber wie werden Sie verstehen, dehnt es sich aus der box zu.

InformationsquelleAutor
11

Gibt es ein hack, den ich herausgefunden, dass behebt das problem des Abschneidens der text im IE. Ich bemerkte die Letzte Zeile in meiner überschrift war der einzige, der abgeschnitten wird.

Mein original CSS-das war das abschneiden der letzten Zeile im IE7, aber sah gut aus, in anderen Browsern:
```
h2 {
   font-size: 22px;
   line-height: 1em;
}
```
Siehe Bild problem hier: https://skitch.com/pablohart/f4g3i/windows-7-x64

Den fix habe ich enthalten einfach hinzufügen Polsterung an der Unterseite und dann unter das Polster zurück, mit negativen margin. Wie diese:
```
h2 {
   font-size: 22px;
   line-height: 1em;
   padding-bottom: 5px;
   margin-bottom: -5px;
}
```
Siehe Foto von fix in diesem Bild: https://skitch.com/pablohart/f4g4h/windows-7-x64

Das problem mit line-height: normal;, dass Sie auf der Standard-Zeile-Höhe für die schriftart, in der Regel 1.3 em.
- Oh für die Liebe von Gott, ich danke dir für diese Antwort..... dies war treibt mich absolut verrückt!
- Diese Feste mein problem! Einstellung line-height auf alles, was entweder nicht funktioniert oder zeigten eine zusätzliche Zeile von text, sondern nur von ihm. Hinzufügen von unten Polsterung festen mine. Mein Problem war js generierten text in eine textarea.
InformationsquelleAutor Paul Hart
1

Versuchen Sie, hinzufügen von overflow: visible; zu Ihrem .postdate Klasse. Vielleicht hilft das.

InformationsquelleAutor Seb
1

Ich hatte ein ähnliches problem. Ich habe mich verändert und span-Tags ein div und das problem war gelöst. Ich denke, IE7 könnte ein Problem haben-processing line-height auf einem span. Noch nicht bestätigt, dass das Problem sein. Es wurden andere CSS-Elemente. (Das arbeiten auf fremden code.) Aber eine änderung von span-div (block), ist das Problem behoben.

InformationsquelleAutor Jason the Saj
0

für die .bigdate-Klasse, ersetzen Sie Marge mit Polsterung; mir scheint, das hat etwas zu tun mit dem IE die margin-handling.

InformationsquelleAutor Bryan A
0

Hinzufügen einer bestimmten Höhe zu .Titel behebt es für mich (im IE6):
```
.title {
    PADDING: 0 10px 0 0; MARGIN-top: 0.3em; FLOAT: right; height: 1em;
```
- Ja, aber weniger Glück mit dem IE7. Interessant ist, dass, wenn ich die divs und erstreckt sich über die internet explorer developer toolbar, die Felder zieht, um Sie die richtige Größe haben! Es scheint nur clipping es beim Rendern.
- Warum die Kappen auf die Eigenschaften?
- Warum die caps? Gute Frage - wahrscheinlich erstellt von IE, wenn ich "Speichern Als" Webseite, abgeschlossen - ich habe nur Hinzugefügt die 'Höhe'. Nicht speichern Sie es nach tweaking deshalb konnte Sie nicht mit Gewissheit sagen.
InformationsquelleAutor Traingamer
0

Obwohl Sie nicht in der Lage es zu testen, auf meiner aktuellen Maschine: ich würde vermuten, dass es ein hasLayout-bug. Die Methoden des Umgangs mit ihm sind, sind in der "Eigenschaften" Teil der link.

InformationsquelleAutor wombleton
0

Meiner Erfahrung seine stets den unteren Rand der text wird abgeschnitten, und das auch hauptsächlich wegen der überlappenden Geschäftsbereiche. Wenn Sie sind in der Lage, um sicherzustellen, dass die divs nicht überlappen, dann ist das Problem nicht gelöst . Dass neben hinzufügen von overflow: visible hilft manchmal.

InformationsquelleAutor Sbhambry
0

Versuchen Sie,
```
div.postmeta { height: 100px; }
div.postdate { height: 75px; }
```
Beliebiger Höhe Wert... aber Sie würden wissen, die genaue Höhe, die Sie wollen. Das sollte halten Sie den text-Container von clipping im IE7.

InformationsquelleAutor Kevin
0

Ich denke, das problem ist mit der Polsterung. Ich habe versucht, das entfernen einer "padding: 3px" Stil, und es funktioniert. Bisher war es nicht angezeigt, nichts. Paul Hart ' s Antwort hat mir gezeigt, dass.

Wahrscheinlich auch entfernen/überschreiben margin-Eigenschaften können auch helfen.

InformationsquelleAutor Shakir

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.