Mit Hilfe der Positionierungsbefehle in CSS können Sie festlegen wie Elemente auf Ihrer Webseite angeordnet sind und wie diese sichtbar werden - ohne Tabellen nutzen zu müssen. Über den position-Befehl werden Ebenen gebildet, in denen Ihre Inhalte abgelegt werden.
Neue Befehle:
position: ... Bericht lesen
Erfahrungsbericht von redforest über homepage-einsteiger.de 11.10.2000
Produktbewertung des Autors:
Navigation / Übersichtlichkeit:
Informationsgehalt
Aktualität der Website:
Nützlichkeit der angebotenen Informationen:
Umfang des Angebots:
Pro:
einfache Einrichtung
Kontra:
teilweise Fehler in Netscape
Empfehlenswert?
ja
Kompletter Erfahrungsbericht
Mit Hilfe der Positionierungsbefehle in CSS können Sie festlegen wie Elemente auf Ihrer Webseite angeordnet sind und wie diese sichtbar werden - ohne Tabellen nutzen zu müssen. Über den position-Befehl werden Ebenen gebildet, in denen Ihre Inhalte abgelegt werden.
Erklärung der neuen Befehle Hier die wichtigsten Eingabemöglichkeiten:
position: legt fest daß Sie ein Objekt positionieren möchten, wobei gleichzeitig eine Ebene gebildet wird; dies kann absolute oder relative erfolgen ( Bsp:position:absolute oder position:relative ) left / right / top / bottom: damit geben Sie die Koordinaten an, nach denen Ihre Ebene ausgerichtet wird (Bsp: left:100px; top:20px ) width / height : mit diesen beiden Befehlen bestimmen Sie die Breite und Höhe Ihrer Ebene ( Bsp: width:200px;height:100px ) visibility : gibt an ob Ihre Ebene mit dem enthaltenen Inhalt sichtbar oder versteckt sein soll - hidden oder visible ( Bsp: visibility:visible oder visibility:hidden ) z-index: da sich Ihre Ebenen auch überlappen können, müssen Sie festlegen welche oben bzw. welche unten liegen soll - je größer der eingegebene Wert, desto höher liegt die Ebene und umgedreht ( Beispiel z-index:1 ) background-color: Wenn sich Ihre Ebene farblich vom Hintergrund abheben soll, können Sie dieser auch eine eigene Hintergrundfarbe zuordnen ( Bsp:background-color: maroon ) border: mit diesem Befehl wird Ihre Ebene mit einer Linie abgehoben - Sie müssen den Linientyp, Farbe und Dicke bestimmen ( Bsp: border: 1px solid black ) Hier ein komplettes Beispiel für 2 Ebenen
Normalerweise wird wie in unserem Beispiel das div-Tag in Kombination mit dem Ebenenstil genutzt.
Bugs in Netscape und der Einsatz des Border-Befehls Wenn Sie das Beispiel in Netscape anschauen bemerken Sie, daß die Ebenen keine Rechtecke bilden. Dieser Bug liegt an der Einführung des Layer-Befehls durch Netscape.
Wir müssen deshalb 2 Dinge hinzufügen:
layer-background-color: im Grunde das Gleiche wie background-color ( Bsp: layer-background-color:red ) border: auch wenn wir eigentlich keine nutzen möchten, für die richtige Darstellung in Netscape ist der Einsatz notwendig; wenn die Linie nicht sichtbar sein soll, setzen Sie den Linientyp auf none ( Bsp: border: 1px none black ) Hier nun die verbesserte Version+Textstil und Border für Ebene 1
Riesenrechner auf Bilderjagd Wer kennt sie nicht, die illegal kopierten Bilder und Logos auf diversen Homepages. Damit könnte recht schnell Schluss sein. Bisher war es für die Rechteinhaber der Bilder und Logos fast unmöglich, die illegalen Kopien a ...
Bericht lesen
Ciao Mitglieder bewerteten diesen Erfahrungsbericht insgesamt als sehr hilfreich
Ich arbeite für eine Internetfirma namens GCG.
Diese FIrma hat sich auf Hilfe für Interneteinsteiger Spezialisiert.
Sie wurde vor ca. 5Wochen gegründet und hat bist jetzt einen Besucherdurschnitt von ca 10 Leuten am Tag. Klar das ist wenig aber was will ...
Bericht lesen
Ciao Mitglieder bewerteten diesen Erfahrungsbericht insgesamt als sehr hilfreich
Fast jeder Provider bietet seinen Mitgliedern eine Homepage und Webspace an. Doch viele wissen dies entweder nicht, oder nutzen den Service zumindest nicht. Die Seite die ich empfehlen möchte zeigt in 8 Schritten wie man von einer einfachen bis zu einer f ...
Bericht lesen
Ciao Mitglieder bewerteten diesen Erfahrungsbericht insgesamt als sehr hilfreich
Pro: Geht ganz schnell Kontra: Nur 30 Tage Tstversion
Hallo ihr! Das erstellen einer Homepage ist so einfach!!! Ich habe auch eine Eigene Homepge, die ich ohne HTML Kenntnisse erstellt habe. De URL dafür ist: http://chrl.notrix.de und da kannst du dir einen ersten Einruck machen. Erstellt habe ich diese Seit ...
Bericht lesen
Ciao Mitglieder bewerteten diesen Erfahrungsbericht insgesamt als sehr hilfreich
Pro: Kostenlos Kontra: Am Bildschirm liest es sich schwerer
Ich habe mich gerade eben mal gefragt, was ich eigentlich von online-Gebrauchsanweigungen halte und bin zum dem Schluss gekommen, dass es eigentlich (vor allem wegen der sinkenden Onlinekosten) nicht schlecht ist, das mit den Online-Gebrauchsanweisungen, ...
Bericht lesen
Ciao Mitglieder bewerteten diesen Erfahrungsbericht insgesamt als hilfreich
Navigation / Übersichtl...
Informationsgehalt
Aktualität der Website:
Nützlichkeit der angebo...
Umfang des Angebots:
hilfreich
23.05.2000
Vergleichen Sie ähnliche Produkte mit homepage-einsteiger.de
Sind Sie Hersteller/Anbieter von homepage-einsteiger.de ? Klicken Sie hier
