IE7 em + float Bug

Published 2008-03-04, 00:47

Immer wieder schön was einem bei der täglichen Arbeit so über den Weg läuft. Stark vereinfacht:

<div style="float:left"><img src=...></div>
<div id="text">Erste Zeile Text. <em>Zweite Zeile Text</em></div>

Das führte im konkreten Fall im IE7 dazu, daß ab der zweiten Zeile der Hintergrund des text-Div vor das floatende Div links gelegt wurde. Natürlich war der verursachende Code lange nicht so einfach, und so habe ich dann doch locker 30 Minuten gesucht und probiert bis ich auf die Idee kam, dass das em der Auslöser sein könnte.

Glücklicherweise hatte schon 2006 jemand dieses Problem:

The other (are you ready for this?) is to remove the <em> element.

I am perplexed. Does anyone have a clue as to what is going on?

Und ein weiterer Leidensgenosse konnte eine passende Lösung liefern:

Yeah. It’s an em bug :-) IE6 has em bugs, too. Try this:
em {zoom: 100%; overflow: hidden;}

http://archivist.incutio.com/viewlist/css-discuss/81647

Web Inspector für Safari 3.0.4 auf Windows

Published 2007-11-24, 15:20

1) Download the nightly build from http://nightly.webkit.org/.

2) Extract the contents from the zip file.

3) If you are running Vista then you will have to add the following to the end of the Preferences.plist file (under C:\Users\<UserName>\AppData\Roaming\Apple Computer\Safari\), just before </dict></plist>:

<key>WebKitUserStyleSheetLocationPreferenceKey</key> <true/>

4) Execute the run-nightly-webkit.cmd file. This will launch Safari from the command prompt.

Quelle: http://weblogs.asp.net/davidbarkol/archive/2007/06/22/web-inspector-for-safari-on-windows.aspx

Zusätzlich die WebKitPreferences.plist im Safari-Einstellungsordner öffnen und folgendes hinzufügen:

<key>WebKitDeveloperExtras</key>
<true/>

Quelle: http://weblogs.asp.net/davidbarkol/archive/2007/06/22/web-inspector-for-safari-on-windows.aspx#5250931

MySQL: INSERT … ON DUPLICATE KEY UPDATE

Published 2007-08-23, 13:38

Ich kann gar nicht oft genug darauf hinweisen:

INSERT INTO table (a,b,c) VALUES (1,2,3)
ON DUPLICATE KEY UPDATE c=c+1;

Sinn der Sache:
Wenn ein INSERT einen doppelten Wert für ein UNIQUE- oder PRIMARY KEY-Feld erzeugen würde wird das UPDATE ausgeführt.

http://dev.mysql.com/doc/refman/4.1/en/insert-on-duplicate.html
http://www.mysqlperformanceblog.com/2006/05/29/insert-on-duplicate-key-update-and-summary-counters/

Vielleicht wird man dann irgendwann diese umständlichen if(mysql_insert_id() == 0) oder mysql_affected_rows-Konstruktionen los.

Firefox-Plugin: Ungenutzte CSS-Selektoren aufspüren

Published 2007-08-02, 18:34

Dust-Me SelectorsWie auf Zuruf veröffentlich Manuela auf Pixelgraphix den Hinweis auf das kleine Helfer-Plugin „Dust-Me Selectors“ von Sitepoint.com.

Per Javascript eingebundene CSS-Dateien werden leider ignoriert, trotzdem ein wunderbares Tool zum Ausdünnen veralteter CSS-Dateien.

Resizing und Fading Slideshow

Published 2007-08-01, 22:01

Sehr flash-artige Fotoslideshow nur mit HTML, Javascript und CSS realisiert:

This photo slideshow is a demonstration of Flash-like behavior implemented solely in Javascript, HTML, and CSS.

http://www.couloir.org/js_slideshow/

(via GFX-World) PS: Ja, Betamode lebt.

Google-Wunsch-Funktion: Timestamp-Umrechnung

Published 2007-03-07, 17:52

Ich gebe einen Timestamp ein, Google gibt mir ein korrektes Datum zurück.
Ich gebe Google „timestamp:“ und Datum, Google gibt mir den Timestamp zurück.

Das wäre doch mal ein nützliches Feature.

Nettes Online-Video-Player-Feature: Dimmer

Published 2007-03-07, 13:10

Der (für mich) neue DivX Web Player bietet ein überraschend einfaches und doch geniales Feature:

Desktop dimmer – Automatically dims the desktop screen around the web player while videos are playing for a better viewing experience

Während das Video läuft wird also der Rest des Bildschirms leicht abgedunkelt und lässt so auch Videos in kleinerer Auflösung gut wirken.

Als Beispiel mal das Video zu Basement Jaxx – Take Me Back To Your House. Nachteil ist natürlich, dass der Player lokal installiert sein muss. Bei unter 1 MB aber zu verschmerzen. Zumindest für die Webseite selbst sollte sich das aber auch mit Javascript umsetzen lassen.

Gefällt.

Der Unterscheid zwischen ‚disabled‘ und ‚readonly‘ bei Formularen

Published 2007-03-06, 15:46

Da ich selbst gerade dummerweise den Fehler gemacht habe und readonly mit disabled verwechselt habe:

READONLY and DISABLED both remove the functionality of the input field, but to different degrees. READONLY locks the field: the user cannot change the value. DISABLED does the same thing but takes it further: the user cannot use the field in any way, not to highlight the text for copying, not to select the checkbox, not to submit the form. In fact, a disabled field is not even sent if the form is submitted.

http://www.htmlcodetutorial.com/forms/_INPUT_DISABLED.html

Know your enemy: XSS, SQL Injection etc.

Published 2007-02-27, 01:51

Auch wenn Betamode nun wohl absolut zum Linkblog verkommt:

http://www.honeynet.org/papers/webapp/

Automatisierte MySQL-Backups auf mehreren Servern: phpMyBackupPro

Published 2007-02-25, 16:11

http://www.phpmybackuppro.net/

18 queries. 0,192 seconds.