Die meisten Seiten werden heute mit Ebenen (div) angelegt, sodass das Problem der Ausrichtung der Site auf die Mitte des Browserfensters auf die Aufgabe reduziert wird, die Ebene zu zentrieren, die die Breite des sichtbaren Bereichs der Seite bestimmt. Damit er in der Mitte des Fensters positioniert wird, müssen die entsprechenden Einstellungen für sein übergeordnetes Element oder für diesen Block selbst vorgenommen werden.
Es ist notwendig
Grundkenntnisse in HTML- und CSS-Sprachen
Anleitung
Schritt 1
Platzieren Sie die Ebene, die Sie in der Mitte des Fensters positionieren möchten, zwischen den öffnenden und schließenden Teilen des Center-Tags, wenn Sie dies nur mit Hilfe der HTML-Sprache (HyperText Markup Language - "Hypertext Markup Language") tun möchten. Wir gehen davon aus, dass das übergeordnete Element der Ebene, die die Seitenränder definiert, der Hauptteil dieser Seite ist. Die einfachste Version des HTML-Codes mit dem Center-Tag könnte in diesem Fall so aussehen:
Seite zentrieren
Seitentext
Schritt 2
Wenn Sie CSS (Cascading Style Sheets) verwenden möchten, um die Seite zentriert auszurichten, verwenden Sie die automatische Größenanpassung des Abstands von den Rändern des Browserfensters. Die Margin-Größen in CSS werden durch den margin-Parameter bestimmt. Entfernen Sie die Center-Tags aus dem vorherigen Beispiel und fügen Sie dem Stilattribut der Ebene, die die Seitenbreite definiert, einen Randparameter von 0 auto hinzu:
Seite zentrieren
Seitentext
Schritt 3
Natürlich kann die Stildefinition aus dem Stilattribut entnommen und in eine externe Datei oder im Kopf des Dokuments (zwischen den und -Tags) platziert werden. In diesem Fall sieht der gleiche Code wie folgt aus:
Seite zentrieren
#pageFrame {
Breite: 700px;
Höhe: 400px;
Hintergrund: # 0BB;
Rand: 0 automatisch;
}
Seitentext
