• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Div nach oben rutschen

  • Ersteller Ersteller Html-Profi
  • Erstellt am Erstellt am
Status
Für weitere Antworten geschlossen.
H

Html-Profi

Guest
hi @ all,

wieso rutscht dieses div nicht nach oben:

imgimg.de - Dein Bilderhoster

HTML:
Code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="header"><img src="stats.png" alt="Ihr Banner"></div>
<div class="navi">
<ul><li>Menüpunkt 1</li><li>Menüpunkt 2</li><li>Menüpunkt 3</li></ul>
</div>
<div class="content">Das ist ein Test! Einfach nur ein sinnloser Text im Raum!</div>
<div class="sidebar"></div>
</body>
</html>

CSS:

Code:
.header{
width:100%;
background-color:#00B359;
height:16%;
text-align:right;
border-bottom:1px solid;
border-color:#4c4c4c;
}
.navi{
padding-top:10px;
float:left;
background-color:#00B359;
height:84%;
width:15%;
border-right:1px solid;
border-color:#4c4c4c;
font-family:Verdana;
font-size:17px;
}
.content{
width:80%;
background-color:black;
height:84%;
padding-left:5px;
padding-top:5px;
font-size:14px;
font-family:Tahoma;
}
ul{
list-style-image: url('pfeil.png');
}
.sidebar{
float:right;
background-color:black;
height:100px;
width:10%;
 
hast du dem .content auch schon mal ein float:left gegeben?

und die summe der width% angaben ergibt über 100%

warum das letzte rechts floaten?

edit: und am schluss clear;)
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben