Zur Navigation

Rechter Scrollbalken verschwunden

1 trudi

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...


15.12.2006 19:06

2 Jörg

Hallo trudi,

das liegt an der Angabe overflow-y:hidden für body - diese besagt, dass der Inhalt beim Überlauf vertikal abgeschnitten werden soll womit ein Scrollbalken überflüssig wird; wenn du die Angabe rausnimmst, zeigt auch Firefox den vertikalen Scrollbalken an

15.12.2006 19:34 | geändert: 15.12.2006 19:35

Beitrag schreiben (als Gast)

Beim Verfassen des Beitrages bitte die Forenregeln beachten.





[BBCode-Hilfe]