ungewollter leerer Bereich
schaich
- css
Hey,
ich habe eine Seite geschr deren Aufbau ungefähr so ist:
<body>
<ul id="Zeile">
<li> <div id="eins" class="line"> </div> </li>
<li> <div id="zwei"> </div> </li>
<li> <div id="drei" class="line"> </div> </li>
</ul>
</body>
dazu hab ich einen stylesheet geschrieben:
body{
height:100%;
width:100%;
padding:0px;
margin:0px;
}
ul#Zeile{
padding:0px;
margin-left:30%;
width:100%;
list-style:none;
}
ul#Zeile li{
float:left;
}
div.line{
height:100%;
width:0px;
border:1px solid blue;
}
div#eins{
padding:0px;
margin:0px;
}
div#zwei{
height:300px;
width:500px;
background-color:black;
opacity:0.6;
padding:0px;
margin:40% auto 0;
}
div#drei{
padding:0px;
margin:0px;
}
Jetzt hab ich aber das Problem, dass zwischen der Liste und dem oberen Rand der Seite ein kleiner Zwischenraum ist den ich nicht haben möchte.
Hab schon alles mögliche versucht.
Hat einer von euch ne Idee?
Danke schonmal
MfG schaich
Jetzt hab ich aber das Problem, dass zwischen der Liste und dem oberen Rand der Seite ein kleiner Zwischenraum ist den ich nicht haben möchte.
ul#Zeile{
padding:0px;
margin-left:30%;
Browser Default-Stylesheets haben meist
margin-top != 0
margin-bottom != 0
passe das einfach an.
margin: 0 0 0 30%;
mfg Beat
passe das einfach an.
margin: 0 0 0 30%;
Danke klappt.
schaich