[CSS] Fixe Überschrift und Menüleiste

Henno

body {
   position:absolute;
   left:0px;
   right:0px;
   top:0px;
   bottom:0px;
}

Wenn das nicht geht, lade mal ein Beispiel hoch, bei mir geht das normalerweise immer.

echter Troll

Mozilla mag in der Hinsicht nicht.

Ich werde es heute evt.Abend oder Morgen noch mal versuchen (mit www zum angucken)

Danke schon mal soweit

echter Troll

Mozilla macht das hier:

http://www.mynetcologne.de/~nc-lorbacda/image2.jpg

flenders

Was gefällt dir daran nicht? Ich nehme an, dass der Text fixed positioniert ist und die Smilies im body stehen (sieht doch eigentlich ganz korrekt aus - und der graue Balken sollte dann eben beim Scrollen nicht mitwandern

echter Troll

@flenders:
Mozilla läßt eine unschöne Lücke zwischen Seitenbeginn und der Überschrift

flenders

So wie es aussieht wird der Spalt durch das h1 verursacht, das über dem <p class="menue"> steht, wenn ich das rausnehme, oder darunter setzt sieht bei mir alles korrekt aus

echter Troll

Also duch die ganze Fummelei bin ich mittlerweile hier rausgekommen:

CSS:
===
body { 
   position:absolute; 
   left:0px; 
   right:0px; 
   top:0px; 
   bottom:0px; 
}

.fest {
    padding:0px; 
    position: fixed; 
    width: 100%; 
    left:0px; 
    top:0px;
    background-color: rgb(200,200,200);
}

HTML:
=====
<html>
<head>
        <!-- Stylesheet laden -->
        <link rel="stylesheet" type="text/css" href="test.css">

    </head>

<body>
    <p class="fest">sdkweodjweiodjiweo</p>
    <p>
        :-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />
        :-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />
        :-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />
        :-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />
        :-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />
        :-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />
        :-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />
        :-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />
        :-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />
        :-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />:-)<br />      
</p>
</body>
</html>

Ich bekomms mit dem Mozilla einfach nicht hin

@Flenders: Was hast Du denn genau anders als ich (anhand meines Codes)?

Henno

Folgendes geht bei mir:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-15" />
</head>
<body>
<p style="position:fixed;left:0px;top:0px;right:0px;bottom:80%;background-color:rgb(245,245,245);margin:0px;">Inhalt</p>
<p>blubasdlfjka alsdfjk aöajkdf</p>
<p>asödkfj öalks fa  </p>
<p>aösldfjk</p>
<p>aösldfjk</p>
<p>asdlfkj </p>
<p>aösldfjk</p>
<p>asdlfkj </p>
<p>aösldfjk</p>
<p>asdlfkj </p>
<p>aösldfjk</p>
<p>asdlfkj </p>
<p>aösldfjk</p>
<p>asdlfkj </p>
<p>aösldfjk</p>
<p>asdlfkj </p>
<p>aösldfjk</p>
<p>asdlfkj </p>
<p>aösldfjk</p>
<p>asdlfkj </p>
<p>aösldfjk</p>
<p>asdlfkj </p>
<p>aösldfjk</p>
<p>asdlfkj </p>
<p>aösldfjk</p>
<p>asdlfkj </p>
<p>aösldfjk</p>
<p>asdlfkj </p>
<p>asdlfkj </p>
</body>
</html>

echter Troll

Aaaah

Jetzt läufts. Mit <h1>, <p> etc.

Schwere Geburt.
Danke.