Fall 1:

Ich möchte im Standard-WordPress-Design ein Logo über dem Foto in der Kopfzeile platzieren (http://twentyelevendemo.wordpress.com/ )

Meine Lösung: das Logo vor dem Foto einfügen und einstellenposition: absolute darauf,ohne Einstellen einer dertop/left/bottom/right Eigenschaften:

http://jsfiddle.net/TsAJp/

HTML:

<code><a id="header">
  <img id="logo"> 
  <img id="photo">
</a>
</code>

CSS:

<code>#logo {
  position: absolute;
  margin: 10px;
  /* or padding: 10px; */
  /* or border: 10px solid transparent;
     only this works with my elderly iPhone Simulator.app */
}
</code>

Fall 2:

Ein weiteres Beispiel ist ein horizontales Menü mit mehreren Ebenen, das zu 100% breit und übersichtlich istdisplay: table-*, abertable-cells nicht unterstützenposition: relativeMeine einzige Lösung war also:http://jsfiddle.net/pCe49/

Es funktioniert mit IE6-7, Firefox1.5, nicht mit Firefox 0.8 usw.

Denken Sie, dass es eine gute Lösung ist, oder ist es ein nicht standardmäßiger Hack, der jede Minute auseinanderfallen kann?