Frage von avatar1210, 41

Banner in HTML zentrieren, ohne dass er beim zoomen ins Nirwana fliegt?

Ich arbeite zurzeit an einer Website. Da ich HTML erst seit einem halben Jahr in der Schule lerne habe ich noch nicht so ein großes Wissen. Von CSS habe ich auch fast noch nix gehört.

Nun zu meinem Problem. Ich möchte meine Website in verschiedene von einander möglichst unabhängigen Ebenen einteilen:

1.: Hintergrund Ebene, welche beim Scrollen an Ort und Stelle bleibt

2.: Banner, welcher zentral am Anfang der Seite steht

3.: Text, welcher sich immer unterhalb des Banners aufhält

Den Hintergrund kriege ich soweit schon hin. Sobald ich allerdings einen Banner hinzufügen möchte und anfange zu scrollen, verschwindet der Banner und rundum meinen Hintergrund befindet sich ein weißer Rand, obwohl der Hintergrund eigentlich immer unabhängig vom Rest stehen bleiben soll.

Hier der HTML-Quellcode:

<body>

<div id="bgSizeCover">

<div>

<header>

<img src="Banner.png">

</header>

<div id="text">

Text

</div>

</body>

Hier CSS:

<style>

#bgSizeCover { background: url(Hintergrund.png);

background-attachment: fixed;

background-size: cover;

height: 100%;

width: 100%;

z-index: 1;}

header { float: center;

margin-left: 20px;

z-index: 2;}

#text{ float: center;

z-index: 3;}

LG Jan :)

Antwort
von Sarkophator, 21

Kannst du deinen Code auf http://pastebin.com oder auf eine vergleichbare Seite posten? Mal abgesehen davon fehlen dir auf dem ersten Blick zwei schließende div-Elemente und "float: center" gibt es nicht.

Außerdem verstehe ich nicht so recht was du mit

Sobald ich allerdings einen Banner hinzufügen möchte und anfange zu scrollen, verschwindet der Banner und rundum meinen Hintergrund befindet sich ein weißer Rand, obwohl der Hintergrund eigentlich immer unabhängig vom Rest stehen bleiben soll.

meinst.

Kommentar von Kasumix ,

Verstehe ich auch nicht so recht.

Hast du die Seite irgendwo online?

Noch nichts von CSS gehört?

Müsste euer Lehrer in Verbindung mit dem reinen HTML doch gleich in der ersten Stunde gesagt haben oO

Dann gib deinem Banner doch einen festen Abstand ^^

Keine passende Antwort gefunden?

Fragen Sie die Community

Weitere Fragen mit Antworten