Archiv für Dezember 2006

Das Zentrieren eines Bildes bzw. eines Elements

Freitag, 22. Dezember 2006

Das Zentrieren eines Elements ist eigentlich ziemlich einfach zu realisieren, da ich aber danach immer wieder gefragt werde, scheint es für manche doch ein Problem zu sein.
Deswegen habe ich mich entschlossen, hier einen kleinen Beispiel zum diesem Thema zu veröffentlichen.

<body style="text-align:center;">
   <div style="position:absolute; top:50%; margin-top:-50px; height:50px;
   left:50%; width:100px; margin-left:-50px;" >
      <div style="position:absolute; text-align:center;">
         <div style="height:100px; width:100px; background:red;"></div>
      </div>
</div>

Es ist zu beachten, dass margin-top bzw. margin-left der Hälfte des Wertes height bzw. width gleich sein soll.

Veröffentlicht in CSS, Tutorials und HowTo | 9 Kommentare »

Runde Ecken ohne Grafik

Montag, 18. Dezember 2006
•
•
•
•

Es existiert sicherlich eine Menge an Möglichkeiten, runde Ecken zu erstellen, doch sie alle sind nicht perfekt. Diese Lösung ist auch leider noch weit von der Perfektion entfernt, da die Vergrößerung des Schriften alles zerstören würde, aber es gibt auch positive Aspekte, so braucht diese Lösung kein JavaScript, keine Grafik und funktioniert in allen Browser, inkl. IE6!

Veröffentlicht in CSS, Tutorials und HowTo | 2 Kommentare »