1
hallo, folgendes problem:
bei der nachfolgenden css eingaben ist mir der scrollbalken auf der rechten seite verschwunden (ansicht firefox). dagegen ist der scrollbalken bei der ansicht im internet explorer da. kann mir da jemand weiterhelfen? danke
eingabe in xhtml:
<!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" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Description" content="val cama e le sue bellezze in italiano e tedesco.">
<meta name="Keywords" content="val cama, alp de lagh, ProSpecieRara, mesolcina, escursionismo">
<title>val cama</title>
<link rel="stylesheet" type="text/css" href="prova3.css" />
</head>
<body style="background-image: url(startseite_neu2.jpg) ">
<!-- start content -->
<div id="content">
<h1>Willkommen in Val Cama</h1>
<p>wieder zu entecken liegt di ella nfahaoroam</p><p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
</div>
<!--end content-->
</body>
</html>
eingabe in css:
body {
overflow-y: hidden;
font: 80% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background: transparent none no-repeat;
width: 100%;
background-position:0 28px;
}
#content {
overflow:auto;
padding-bottom:10px;
background-repeat:no-repeat;
background-position: 538px 0px;
font-family:verdana;font-size:11px;
color: #887869;
position: absolute;
top:285px;
left:236px;
width:777px;
height:100%;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:20px;
}
html>body #content {
height:auto;width:780px;
padding-right:0;
}
...die seite ist noch nicht fertig...
bei der nachfolgenden css eingaben ist mir der scrollbalken auf der rechten seite verschwunden (ansicht firefox). dagegen ist der scrollbalken bei der ansicht im internet explorer da. kann mir da jemand weiterhelfen? danke
eingabe in xhtml:
<!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" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Description" content="val cama e le sue bellezze in italiano e tedesco.">
<meta name="Keywords" content="val cama, alp de lagh, ProSpecieRara, mesolcina, escursionismo">
<title>val cama</title>
<link rel="stylesheet" type="text/css" href="prova3.css" />
</head>
<body style="background-image: url(startseite_neu2.jpg) ">
<!-- start content -->
<div id="content">
<h1>Willkommen in Val Cama</h1>
<p>wieder zu entecken liegt di ella nfahaoroam</p><p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
<p>wieder zu entecken liegt di ella nfahaoroam</p>
</div>
<!--end content-->
</body>
</html>
eingabe in css:
body {
overflow-y: hidden;
font: 80% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background: transparent none no-repeat;
width: 100%;
background-position:0 28px;
}
#content {
overflow:auto;
padding-bottom:10px;
background-repeat:no-repeat;
background-position: 538px 0px;
font-family:verdana;font-size:11px;
color: #887869;
position: absolute;
top:285px;
left:236px;
width:777px;
height:100%;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:20px;
}
html>body #content {
height:auto;width:780px;
padding-right:0;
}
...die seite ist noch nicht fertig...