Hallo,
kann mir bitte einer helfen und mir verraten warum ich bei folgendem Gerüst permanent einen Scrollbalken habe, egal wie viel Inhalt ich habe:
und die CSS:
Egal wie viel ich in der Liste stehen habe, habe ich Scrollbalken.
Leider hab ich zzt. keinen Webspace, deswegen kann ich es euch nicht zeigen.
Danke
noise
kann mir bitte einer helfen und mir verraten warum ich bei folgendem Gerüst permanent einen Scrollbalken habe, egal wie viel Inhalt ich habe:
HTML:
<!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>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="basic.css" />
<meta http-equiv= "content-language" content="de" />
<meta name="robots" content="all" />
</head>
<body style="height: 100%; overflow: auto;">
<div id="header">
<img src="pics/Logo501.png" alt="Logo50"/>
<a href="Angebot.htm" id="deutsch"><img src="pics/deutschland.png" alt="German" align="right" border="0px" /></a>
<a href="AngebotEN.htm" id="englisch"><img src="pics/gb.png" alt="English" align="right" border="0px" /></a>
</div>
<div id="links">
<a href="Startseite.htm">Startseite</a>
<a href="Angebot.htm">Angebot</a>
<a href="Kontakt.htm">Kontakt</a>
<a href="Partner.htm">Partner</a>
<a href="Projekte.htm">Projekte</a>
</div>
<div id="container">
<div id="leftside">
<img src="pics/piccs.png" alt="Logo50"/>
</div>
<div id="content" style="font-weight: bold; margin-left: 1cm;">
<h3 align="center" style="text-align:left; letter-spacing: 1px; color: #003366; font-size: 16px;">
Gerne unterstützen wir Sie bei Ihren Projekten und Plänen von Anfang an.
</h3>
<p style="text-align:left;">
Hierfür bieten wir Ihnen
</p>
<ul class="outerList">
<li>
Beratung
</li>
</ul>
</div>
</div>
<div id="footer">
Impressum
</div>
</body>
</html>und die CSS:
HTML:
html {
height: 100%;
}
body {
font-size: 12px;
font-family: Arial, SunSans-Regular, Sans-Serif;
padding:0px;
margin:0px;
height: 100%;
}
#header {
height: 45px;
width: 100%;
background: url("pics/balkenoben.png");
position:fixed;
z-index:6;
}
#deutsch {
top:10px;
position:absolute;
z-index:6;
right:20px;
background-color: transparent;
}
#englisch {
top:10px;
position:absolute;
z-index:6;
right:80px;
background-color: transparent;
}
#links {
top:45px;
height: 15px;
background: url("pics/balkenklein.png");
background-color: #AD8080;
width:100%;
position:fixed;
z-index:6;
border-bottom: 4px solid white;
border-top: 3px solid white;
word-spacing: 8px;
margin-left: 5px;
}
.outerList
{
list-style-type: disk;
font-family: Arial;
line-height: 40px;
margin: 0px;
}
#leftside{
float: left;
height:800px;
top:60px;
position:absolute;
width: 200px;
z-index:2;
}
#leftside2{
float: left;
height:1700px;
top:60px;
position:absolute;
width: 200px;
z-index:2;
}
#container {
top:65px;
border-top: 1px solid white;
border-bottom: 1px solid white;
position: absolute;
height:800px;
width:100%;
background: url("pics/hintergrund.png");
z-index:3;
}
#content {
float: right;
margin: 0px 0px 0px 0px;
top:60px;
position: absolute;
height:500px;
left:200px;
z-index:2;
}
#footer {
bottom:0px;
background: url("pics/balke.png");
position:fixed;
height:38px;
width:100%;
z-index:4;
letter-spacing: 3px;
font: Arial;
color: #003366;
font-size:10px;
font-weight: bold;
text-align: center;
line-height: 30px;
}Egal wie viel ich in der Liste stehen habe, habe ich Scrollbalken.
Leider hab ich zzt. keinen Webspace, deswegen kann ich es euch nicht zeigen.
Danke
noise
