Das ganze geht noch eleganter, es gibt eine Möglichkeit, das bezeichnete Bereiche inherhalb einer div, bestimmte Eigenschaften zu gewiesen werden, aber das ändert nichts an der Funktion.
Zuletzt bearbeitet von cloneraiser am Do 14.04.2011 15:18, insgesamt 1-mal bearbeitet
Dabei seit: 15.02.2011 Ort: Bayreuth Alter: 29 Geschlecht:
Verfasst Mo 18.04.2011 16:16 Titel
Au weia!
cloneraiser hat geschrieben:
<html>
...
<div id=header>
<header>Text der hier stehen soll</header>
</div>
...
</html>
Wikipedia hat geschrieben:
Strukturierende Elemente
Die Elemente section, nav, article, aside, hgroup, header und footer sollen eine bessere Strukturierung ermöglichen. Anders als div-Kästen, die bislang zur Strukturierung von HTML-Dokumenten verwendet wurden, wird durch das Element hier auch definiert, welche Art von Inhalt sich in dem Element befindet. Zum Beispiel bezeichnet section einen Abschnitt eines durchgängigen Textes, nav ein Menü, article einen Artikel oder footer einen Seitenfuß.
Aber, um beim Thema zu bleiben, denn diese abenteuerliche Programmierung mit der absoluten Positionierung und Zahlenwerten, die teilweise jenseits von Gut und Böse liegen, kann sich ja niemand ansehen. Mittels text-align kann die horizontale Ausrichtung von Text in Block-Elementen bestimmt werden. Die vertikale Ausrichtung kann man mit der Eigenschaft vertical-align vornehmen. Diese Eigenschaft ist nur auf Inline-Elemente ( z.B. <span> ) oder Tabellenzellen (<td>) anwendbar, nicht aber auf Block-Elemente ( z.B. <div> ).
Wenn ich jetzt Text in einem Block-Element vertikal zentrieren möchte, habe ich entweder die Möglichkeit, dass über eine Tabelle zu lösen, oder, was die elegantere Variante ist, ich sage dem Block-Element, dass es sich wie eine Tabellenzelle verhalten soll ( display:table-cell ). Einen Haken gibt es aber leider auch hier, denn die Redmonder machen bis Internet Explorer 7 einen Strich durch diese Rechnung - wäre auch zu schön gewesen! Da müssen eben die Leute mit einem veralteten Browser Einschnitte in der Gestaltung hinnehmen.
w3schools hat geschrieben:
The display property is supported in all major browsers.
Note: The values "inline-table", "run-in", "table", "table-caption", "table-cell", "table-column", "table-column-group", "table-row", "table-row-group", and "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports the values.
Dabei seit: 15.02.2011 Ort: Bayreuth Alter: 29 Geschlecht:
Verfasst Di 19.04.2011 08:49 Titel
thecamillo hat geschrieben:
anstelle von vertical-align nimmste:
Code:
margin:0 auto;
Mit ( margin:0 auto; ) bestimme ich die Aussenabstände eines Elements, also die Abstände zwischen dem Rand und anderen Elementen bzw. dem übergeordneten Element. Mal davon abgesehen, dass dies nichts mit den Innenabständen zu tun hat und schon gar nichts mit Text, bezieht sich ( margin:0 auto; ) auf die horizontale Zentrierung.
so wie ich das beim drüberfliegen gesehen habe will errreicht werdn in den Header eine Navigation einzubauen. Warum das nicht mit einer Liste glöst wird ist mir nicht klar, aber jedem das seine und mir Apfelkuchen.
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
Willkommen auf dem Portal für Mediengestalter
