Leiste am oberen Rand fixieren

FleyerShaver · 5 Dezember 2008

Hi,
ich hab mal wieder nen kleines Brett vorm Kopf und frag deshalb hier mal nach.
So sieht ein kleiner Screen meines Balkens aus:

Wie bekomme ich jetzt hin, dass dieser Balken oben am Browser andockt und auch immer genausolang ist wie der Browser?

Hier bis jetzt mein Code:

Code:

<html>
<head>
<title>Testseite</title>
<style type="text/css">
.nb { 
  text-align: center; 
  background-color: #EFEFDF; 
  background-repeat: repeat-x; 
  border-bottom: 1px solid #D8D8AF; 
  height: 22px; 
  color:#DEDEDE;
  width: 100%; 
  text-align: left; 
}

.nb strong {
  color:#000000;
}
.nl { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  padding-left:10px;
  padding-top:2px;
}
.nl a, .nla:link, .nl a:visited, .nl a:active { 
  text-decoration:none; 
  color: #000000; 
  padding: 0 5px 0 5px; 
}
.nl a:hover { 
  color: #D9581F;
}

</style>
</head>
<body>
<div class="nb">
    <div class="nl"><strong>Netzwerk:</strong><a href="http://www.schulcounter.de/">Schulcounter.de</a>|<a href="http://anleitungen.schulcounter.de/">Schulcounter Anleitungen</a>|<a href="http://forum.schulcounter.de/">Schulcounter Forum</a></div>
</div>

</body>

Es ist wahrscheinlich wieder nur ne Kleinigkeit die ich vergessen habe.

_Thor_ · 5 Dezember 2008

Code:

html, body {
  margin: 0;
  padding: 0;
}

FleyerShaver · 5 Dezember 2008

_Thor_ schrieb:
Code:

html, body { margin: 0; padding: 0; }

Thx ich wusste doch ich hatte nur nen kleinen Denkfehler. Ich hab das ganz im Div versucht aber es hat nichts gebracht.

Leider habe ich schon wieder ein kleines Problem damit. Hier klappt die Einbindung so wie sie soll: Startseite - Schulcounter.de
Aber hier macht es den Header kaputt:
Schulcounter Anleitungen

Hat jemand eine Idee warum?

Leiste am oberen Rand fixieren

FleyerShaver

Neues Mitglied

_Thor_

Aktives Mitglied

FleyerShaver

Neues Mitglied

Neueste Beiträge