LinkBack URL
About LinkBacks
ZitierenWas fällt denn da durcheinander? Bei fixed scrollt der rote content hinter dem blauen Header nach oben. Das ist korrekt so.
Meinst du evtl. oben einen kleinen weißen Rand?
Den kannst du damit entfernen:
Code:html, body {margin: 0; padding: 0;}
Moin zusammen,
ich verzweifele an einer eigentlich simplen Aufgabe:
Ich brauche ein simples einspaltiges Design mit Kopf und Content-Bereich. Beides soll zentriert sein, schön mit dem Browserfenster skalieren und eine maximale Breite haben. Soweit ja ganz simpel:
Nun möchte ich aber, dass der Kopf nicht wegscrollt. Wenn ich den mit "position:fixed" antacker fällt mir aber das ganze Layout durcheinander - was mache ich falsch???HTML-Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> <!-- #kopf { width: 100%; margin: 0 auto; max-width: 1113px; background-color: #00f; height: 60px; } #content { width: 100%; margin: 0 auto; padding:150px 0; max-width: 1113px; background-color: #f00; } --> </style></head> <body> <div id="kopf"> <h1>Header</h1> </div> <div id="content"> <h1> Main Content </h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. </p> </div> </body> </html>
Gruß,
Jörg
Was fällt denn da durcheinander? Bei fixed scrollt der rote content hinter dem blauen Header nach oben. Das ist korrekt so.
Meinst du evtl. oben einen kleinen weißen Rand?
Den kannst du damit entfernen:
Code:html, body {margin: 0; padding: 0;}
Tja, man muss sich nur dumm genug anstellen. Der Fehler lag mal wieder ganz woanders, es lag nicht am fixed, sondern an einer Definition im Content...
Danke!
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)