Ich habe ein Problem mit Text überfüllt innerhalb einer Spalte, wenn ein Inline-Bild nach links oder rechts ausgerichtet ist. Es ist schwer zu beschreiben, also habe ich eine Beispielseite erstellt bei http://alaskalegion.com/dev/test.phpImg Align: Links verursacht Textüberlauf in IE
Dies tritt nur in IE6 und IE7. Irgendwelche Gedanken darüber, wie das zu beheben ist?
Ich benutze fckeditor auf dem Backend, das diese erzeugt.
Sie müssen sicherstellen, dass der -Tag das Bild umschließt, sodass andere Absätze darüber und darunter liegen. Ich kann es jetzt nicht testen, aber normalerweise verwende ich overflow:hidden auf dem umgebenden Block (der Absatz) und ich denke für IE benötigen Sie etwas wie 10.
By the way, Sie können nicht von der Inline-los 'align: left' und es von CSS in einem externen Stylesheet ersetzen wie:
#center-column p img {
float: none; // if still necessary...
}
#wide_column p img { // I don´t know what the id of the wide column is...
float: left;
}
(Ich weiß nicht, ob Sie müssen den p Selektor, ich versuche nur, ohne zu sehen Code)
Ich kenne es verursacht durch die Ausrichtung = "links". Das Problem besteht darin, dass dieser Inhalt auf dieser Seite in einem einzigen Spaltenformat angezeigt wird und auch in einer vollständigen Seite angezeigt wird, in der offset = "left" offensichtlich für Layoutzwecke erforderlich ist. Gibt es CSS-Tricks, um den align = "left" zu halten, aber diesen Fehler nicht zu verursachen? – ChrisOPeterson
Entschuldigung, ich habe etwas von meiner ursprünglichen Antwort entfernt und jetzt beantwortet es deine Frage nicht mehr ... Ich füge es zurück/ändere die Antwort, so dass es Sinn macht. – jeroen
Süße, die funktioniert hat. Das Entfernen des Floats in einem Stylesheet mit nur ie6 löste dieses Problem und das Layout sieht immer noch gut aus. – ChrisOPeterson
ich mit .news-Eintrag p { \t Überlauf dieses Problem in iE7 lösen konnte, die richtigen Bilder zu zielen: hidden; } Das Problem tritt immer noch in ie6 obwohl. – ChrisOPeterson