|
Alles rund um Windows: IE6, CSS, float und clear + kleine BitteWindows 7 Hilfe zu allen Windows-Betriebssystemen: Windows XP, Windows Vista, Windows 7, Windows 8(.1) und Windows 10 / Windows 11- als auch zu sämtlicher Windows-Software. Alles zu Windows 10 ist auch gerne willkommen. Bitte benenne etwaige Fehler oder Bluescreens unter Windows mit dem Wortlaut der Fehlermeldung und Fehlercode. Erste Schritte für Hilfe unter Windows. |
05.03.2004, 20:26 | #1 |
| Problem: IE6, CSS, float und clear + kleine Bitte Hallo zusammen, ich habe es bislang nicht gewusst und vielleicht gibt es hier im Forum noch welche, die auch nicht wissen, wie elend der Internet Explorer 6 bei CSS mit float und clear versagt. Meine Homepage, die ich gerade von Tabellen auf CSS-Layout umstelle, hat keinen besonders ausgefallenen Aufbau. Oben ein Titel, links eine Navigation und eventuell weitere Kästen. Im Textteil werden manchmal Bilder links oder rechts umflossen. Die Probleme beginnen, wenn der linke Bereich oder ein umflossenes Bild weiter nach unten ragen als der Text. Der Hintergrund des Textes soll nämlich trotzdem bis ganz unten reichen, weil das einfach besser aussieht. Das erreicht man mit einem clear:both am Ende des Textes. Und von da an spielt der Internet Explorer verrückt. Wenn eines der Bilder den "clear" auslöst, verschwindet der linke farbige Rand (Siehe schmal und breiter). Wenn es der linke Rand war, der mit clear eingeholt wird, dann verschwindet der Text!!! Das ist meiner Meinung nach dann doch schlimmer, als wenn Firefox Änderungen der Schriftgröße gegen den Willen des Webmasters zulässt. Ein gewisser Big John bezeichnet das auf seiner Hilfeseite als Peek-a-Boo Bug. Abhilfe schaffen soll die Angabe von height in gewissen Elementen. Ich versuchte es zunächst mit der aussen umfassenden div. Da gingen von den linken Kästen Teile verloren. Mit height für die Text-div verlor plötzlich das clear seine Wirkung. Auf meine Email-Anfrage erklärte mir Big John freundlicherweise, dass height am besten in den Elementen des Textbereichs wirkt. Also gab ich p, h1 und h2 eine height, und teilweise ging das auch ganz gut. Bei h1 geht leider die linke margin flöten, auch das nur im IE. Mittlerweile bin ich bereit, h1 (für nicht HTMLer: die größte Überschrift) so zu lassen, weil sie bei mir nur lokal verschwindet, nicht aber bei Anzeige vom Internet-Server. Lustiges Spiel: index.html (mit gelb.css) lokal speichern, im IE6 aufrufen und alle 2 Sekunden F5 drücken. Bei mir wird völlig zufällig in etwa der Hälfte der Fälle der Überschriftskasten angezeigt oder weggelassen. Es scheint da einen Wettlauf zwischen Schrift und Hintergrund zu geben, und wenn die Schrift schneller war, wird der Hintergrund drübergeklatscht. Ich bitte Euch, die Vorabveröffentlichung mit dem IE6 zu testen und mir mitzuteilen, wenn auch online mal die Überschrift (rot auf gelb) fehlt. Anregungen zum Design sind willkommen, aber der endgültige Stand soll das ohnehin noch nicht sein. Noch ein IE6-Fehler, der mich geärgert hat: Rahmen vom Typ inset und outset. Man vergleiche mal http://selfhtml.teamone.de/css/eigen...rder_style.htm in IE und anderen Browsern. Kennt jemand eine Seite mit einer möglichst vollständigen IE-Fehlerliste (jetzt ausnahmsweise mal die Darstellung betreffend und nicht die Sicherheit)? Martin |
05.03.2004, 23:17 | #2 |
| IE6, CSS, float und clear + kleine Bitte Anleitung / Hilfe </font><blockquote>Zitat:</font><hr />Original erstellt von MartinH:
__________________Das ist meiner Meinung nach dann doch schlimmer, als wenn Firefox Änderungen der Schriftgröße gegen den Willen des Webmasters zulässt.</font>[/QUOTE]was soll daran so schlimm sein? ich finde es vollkommen in ordnung wenn ich ne seite so anschauen kann wie ich will.
__________________ |
06.03.2004, 11:36 | #3 |
| IE6, CSS, float und clear + kleine Bitte Details Hallo Kistbier,
__________________diese Diskussion kannst du gerne in dem verlinkten Thread weiterführen, der von Bo Derek begonnen wurde. Hier kannst du mir leiber beim Beschimpfen des IE behilflich sein. <offf-topic>Ich guck' grad aus dem Fenster und was seh' ich: Ein Buntspecht! Mitten in Hamburg!</off> Martin |
06.03.2004, 12:08 | #4 |
| Lösung: IE6, CSS, float und clear + kleine Bitte Eine Liste aller IE-Fehler kenne ich nicht (die wär wohl auch zu lang ), aber eine Seite, mit der Du die Funktionsfähigkeit einiger Elemente überprüfen kannst: http://mozilla.linuxfaqs.de/darst Habe das vor ewigen Zeiten auch mal getestet. Das Ergebnis findest Du hier. Cobra |
06.03.2004, 13:07 | #5 |
| Wie IE6, CSS, float und clear + kleine Bitte Danke Cobra, die Fähigkeiten des IE können damit aber im Einzelnen nicht getestet werden, weil er mit dem XML irgendwelche grundsätzlichen Probleme hat. Immerhin war es eine interessante Zusammenstellung, was man nützen könnte, wenn fähige Browser üblich wären. <off>Nach dem Buntspecht kamen noch zwei Schwanzmeisen! (nie vorher gesehen)</öfföff> Martin |
06.03.2004, 17:15 | #6 |
| Wo IE6, CSS, float und clear + kleine Bitte Lösung! [auchofftopic] Haben Meisen nicht im allgemeinen alle einen Schwanz? [/off]
__________________ --> IE6, CSS, float und clear + kleine Bitte |
Themen zu IE6, CSS, float und clear + kleine Bitte |
anzeige, aufrufe, bereit, besser, besten, browser, css, design, ellung, explorer, firefox, forum, frage, hallo zusammen, hintergrund, homepage, internet, internet explorer, internet explorer 6, links, lokal, nicht, nur lokal, online, plötzlich, probleme, sekunden, sicherheit, speicher, zufällig |