Suche auf lima-city
-
in: Website mit CSS mittig auf dem Desktop ausrichten
geschrieben von blog-art
Hier ein kleines Tutorial dazu:
Eine Website zentrieren
Statt dass die Seite oben links im Fenster anfängt möchte man dass sie, mit fester Breite
mittig im Fenster schwebt, dahinter ein irgendwie gestylter Hintergrund.
Ein Auszug aus dem HTML sieht so aus:
<body>
<div id="container">
...
... hier der gesamte Inhalt der Seite
...
</div> <!‐‐ Ende container ‐‐>
</body>
Direkt in dem <body>, und ihn ausfüllend, ist ein verschachtelter Behälter, hier
„container“ genannt. Er beinhaltet das HTML für die gesamte Seite.
Das CSS dazu (die fettgedruckten Bereiche sind ausschlaggebend):
body {
background‐color: #f0f0f0;
color: #444;
font‐family: Helvetica, Arial, sans‐serif;
font‐size: 1em;
line‐height: 1.3;
width: 100%; /*Zwingt body auf 100% Breite des Fensters.*/
margin: 0; /*Entfernt browsereigene
Ränder ums Fenster*/
padding: 0; /*damit die 100% genau hineinpassen.*/
}
#container {
background‐color: #fff; /*Malt den zentrierten Bereich weiß aus.*/
width: 80em; /*Die gewünschte Breite der zentrierten Website.*/
margin: 0 auto; /*0 oben und unten, auto links und rechts ergibt*/
} /*einen zentrierten Streifen*/
Der width des zentrierten Bereichs ist hier mit 80em angegeben. Pixel‐ sowie %‐
Angaben wären auch möglich. em‐ und, bei Browsern neueren Typs, Pixel‐Angaben für
den width bewirken dass, wenn über den Browser die Schrift vergrößert wird, die
Breite des zentrierten Streifens mitwächst und ggf. aus der rechten Seite des
Browserfensters fließt. %‐width‐Angaben ergeben ein sogenanntes „liquid layout“: bei
Schriftvergrößerung bleibt die Breite des Streifens fest, der darin geschriebene Schrift
wird größer und fließt nach unten. Dagegen bei Fenstervergrößerung durch Mausziehen
wächst die Breite des mit % angegebenen zentrierten Streifens.
Im Beispiel könnte der body und/oder der Container selbstverständlich mit
Hintergrundbildern und/oder ‐verläufen versehen werden.
Dieses Muster zum Zentrieren kann auf jedes beliebige Blockelement angewandt
werden, das eine definierte Breite hat und in einem umklammernden Block zentriert
werden soll. -
in: Flash Player
geschrieben von blog-art
Frage: Hat jemand auch Probleme mit Windows 7, Firefox und Flash-Player? Die Flash-Videos werden hin und wieder von ner Fehlermeldung unterbrochen, jedoch nach klicken von "weiter" anstandslos weitergespielt. Das nervt. Hat jmd nen Tip? -
in: ccmixter.org- Freie Musik
geschrieben von blog-art
Hey Leute, wart ihr mal auf ccmixter.org? Da gibts Musik, die ihr (fast) frei einsetzen und anbieten könnt. Ihr müsst lediglich den Namen des Interpreten aufführen, wenn ihr es unbearbeitet veröffentlicht, bzw. das daraus gemachte Werk auch als Creative Commons freigeben.