NEW 51068
Text sometimes runs over images on freewar.de 
https://bugs.webkit.org/show_bug.cgi?id=51068
Summary Text sometimes runs over images on freewar.de
cernik
Reported 2010-12-14 15:53:29 PST
There is a small testcase, just open http://www.freewar.de/index4.php and press Command+R (or CTRL+R under Windows) to reload 20-50 times. Most of the time, this little page is displayed correctly, with text and the small images seperated. But every 30-50 reload the text runs over the images, which is a bug. I could reproduce the Bug under Mac OS 10.6 and under Windows 7. Critical code looks like that: <body> <div style="width: 300px;"> <img src="images/subpoint1.jpg" style="float: left; margin-right:5px; margin-bottom:3px;">Freewar.de ist ein kostenloses Online Rollenspiel, in welchem du tausenden von anderen Mitspielern begegnen wirst. Kein Download erforderlich!<br> <span style="font-size: 5px"><br></span> <img src="images/subpoint1.jpg" style="float: left; margin-right:5px; margin-bottom:3px;">Wähle zwischen 8 verschiedenartigen Rassen und erstelle deinen eigenen Charakter mit individuellen Fähigkeiten.<br> <span style="font-size: 5px"><br></span> <img src="images/subpoint1.jpg" style="float: left; margin-right:5px; margin-bottom:3px;">Erkunde eine riesige Welt, verwende hunderte von Waffen, Zaubern und anderen Gegenständen.<br> <span style="font-size: 5px"><br></span> <img src="images/subpoint1.jpg" style="float: left; margin-right:5px; margin-bottom:3px;">Führe epische Schlachten für dein Volk, kämpfe für deinen Clan und besiege deine Feinde.<br> <span style="font-size: 5px"><br></span> <img src="images/subpoint1.jpg" style="float: left; margin-right:5px; margin-bottom:3px;">Nutze die voll dynamische Börse, das Auktionshaus und die Markthalle um ein einflussreicher Händler zu werden.<br> <span style="font-size: 5px"><br></span> <img src="images/subpoint2.jpg" style="float: left; margin-right:5px; margin-bottom:3px;">In einem vollintegrierten Chatsystem kannst du dich mit den Leuten die neben dir stehen unterhalten, in Clans per Telepathie geheime Pläne schmieden und durch Schreie die Aufmerksamkeit aller auf dich ziehen.<br> <span style="font-size: 5px"><br></span> <img src="images/subpoint1.jpg" style="float: left; margin-right:5px; margin-bottom:3px;">Das Browsergame Freewar.de wird ständig erweitert. Entdecke jeden Monat neue Gebiete, neue Abenteuer und einzigartige Items.<br> <br> </div> </body> ------------------------- It also occurs when you use the deprecated <img src="..." align="left"> rather than the style="float: left; margin-right:5px; margin-bottom:3px;" command.
Attachments
Add attachment proposed patch, testcase, etc.
cernik
Comment 1 2010-12-14 15:55:33 PST
To reproduce this bug more often, don't just reload, but move the mousecurser while doing fast reloads with Command+R.
cernik
Comment 2 2010-12-14 19:49:11 PST
After more Tests i think the problem is somewhere in the image engine, because the bug can be worked around when i define width="" and height="" in the image tag. They are all transparent .gif images. Btw: The bug is much easier to reproduce in Chromium than in Safari, but is there in both webkit browsers.
Alexey Proskuryakov
Comment 3 2010-12-15 14:50:30 PST
With a debug ToT build, this happens most of the time for me, not just sometimes.
Note You need to log in before you can comment on or make changes to this bug.