Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden. Du solltest ein Upgrade durchführen oder einen alternativen Browser verwenden.
Super - danke Dir. habe mir das jetzt mal überlegt und werde nun nur den Kopfbereich auf 100% Höheausrichten, als opener quasi, <main> und dessen Inhalt werde ich ganz "normal wachsen" lassen. Footer werde ich dann entsprechend anpassen.
Danke für eure Geduld und Mühe
Beste Grüße
Klasse - danke Dir. Also wenn ich Sektionen ohne umschließendes Main mache, dann kann ich die ja sauber auf 100% Höhe bringen - wie das ja auch beim Footer und Header klappt. Ich wollte das <main> darum wrappen, um die ganze Attribute zu vergeben und das sauber auszuzeichnen. Wenn ich Dich also...
So funktioniert schon mal die Anordnung - bloß warum nimmt er den hier nicht die volle Höhe? Strange ...
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sections 100% height</title>
<style>
html {
height...
Hallo,
das ist das komplette CSS dafür gewesen.
Zielsetzung der Page ist es jede Sektion, Header und Footer auf 100% Höhe auszuspielen. Diese sollen dann über die nav via jquery "angescrollt" werden.
Natürlich teste ich alle Versionen hier und es hat auch wunderbar funktioniert bis ich das...
Hallo,
danke Dir für das Feedback. Natürlich habe ich das verschiedenen Browsern getestet. ich denke das Problem liegt an dem umliegenden Main und dessen Höhe.
Hier nochmal der komplette Quelltext:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport"...
Hallo zusammen,
ich will mir eine Seite erstellen, einen One-Pager und versuche den Inhalt semantisch korrekt zu gliedern. Ich habe meine Inhalte in sections gepackt und diese innerhalb <main> geschachtelt.
Hier das HTML:
<header id="welcome" role="banner">
<div class="display-table">...
Diese Seite verwendet Cookies, um Inhalte zu personalisieren und dich nach der Registrierung angemeldet zu halten. Durch die Nutzung unserer Webseite erklärst du dich damit einverstanden.