1
Hallo,
hab eigentlich eine dumme frage aber komme irgendwie nicht weiter.
Mein scrollbalken habe direkt an der Internetseite und nicht am Bildschirm rand. Beim firefox funktioniert es ganz gut, wenn ich mit der Maus auf der seite komme und mit der Maus scrollen will (mit dem "rad" ) geht es einwandfre, die seite bewegt sich nach unteni. bei IE bewegt sich die seite nach unten nur wenn ich mit der Maus direkt auf dem scrollbalke mich befinde, sonst nicht. wieso das???
hier noch ein beispiel einer seite...
und der css dazu...:
vieleicht hilft das...
und noch was...kann man nichts dagegen tun, dass in IE die schriftart von mir gewählt anders anzeigt als in firefox (einfach wie fetter...)
danke schön
saluti
trudi
hab eigentlich eine dumme frage aber komme irgendwie nicht weiter.
Mein scrollbalken habe direkt an der Internetseite und nicht am Bildschirm rand. Beim firefox funktioniert es ganz gut, wenn ich mit der Maus auf der seite komme und mit der Maus scrollen will (mit dem "rad" ) geht es einwandfre, die seite bewegt sich nach unteni. bei IE bewegt sich die seite nach unten nur wenn ich mit der Maus direkt auf dem scrollbalke mich befinde, sonst nicht. wieso das???
hier noch ein beispiel einer seite...
<!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="styles/basic1.css" />
</head>
<body style="background-image: url('images/alpdelagh9.jpg'); ">
<!-- start main navigation -->
<div id="navcontainer">
<ul>
<li><a href="aktuelles_de.html">Aktuelles </a></li>
<li><a href="anreise_de.html">Standort & Anreise </a></li>
<li><a href="geschichte_de.html">Geschichte </a></li>
<li><a href="projekt_de.html">Entwicklungsprojekt </a></li>
<li class="on2"><a style="background:none; color: #f23311" href="alpwirtschaft_de.html">Alpwirtschaft</a><ul>
<li class="on3">» Alp de Lagh</li>
<li><a href="alpen_de.html">Unbewirtschaftete Alpen</a></li></ul></li>
<li><a href="waldreservat_de.html">Waldreservat </a></li>
<li><a href="natura_de.html" >Natur & Landschaft </a></li>
<li><a href="seen_de.html">Seen </a></li>
<li><a href="alpinismus_de.html">Wandern & Bergsteigen </a></li>
<li><a href="unterkuft_de.html">Unterkunft & Verpflegung </a></li>
</ul>
</div>
<!--end navigation -->
<!-- start top navigation -->
<div id="topnavi">
<ul>
<li><a href="index_de.html" class="erste">Home </a></li>
<li><a href="kontakt_de.html">Kontakt </a></li>
<li><a href="impressum_de.html">Impressum </a></li>
</ul>
</div>
<!--end topnavigation -->
<!-- start sprachwahl -->
<div id="language">
<ul>
<li><a href="alpdelagh_de.html">Deutsch </a></li>
<li><a href="alpdelagh_it.html">Italiano </a></li>
</ul>
</div>
<!--end sprachauswahl -->
<!--start titelbereich -->
<div id="Schatten"></div>
<div id="box1">
<h1>Mit viel Herzblut zum Wiederaufbau der Alp de Lagh</h1>
</div>
<!--end titelbereich -->
<!-- start content -->
<div id="contentarea">
<div id="box2">
<p>Der Alpaufzug auf die Alp de Lagh anfang der 90er Jahre sollte für viele Jahre der letzte sein: Alphütten, Stall, Käserei waren in einem derart desolaten Zustand, dass ein weiterer Sommer auf der Alp weder Mensch noch Tier zugemutet werden konnte. Damit drohte der Alp de Lagh das Aus.</p>
<p>Dass alles anders kommen sollte, zeigt die Bestossung der Alp im Jahr 2004. Diesen Erfolg verdanken wir vor allem der kleinen Gemeinde Verdabbio, die sich seit mehr als 7 Jahren mit unermüdlichem Einsatz für die Erhaltung der Alp engagiert.</p>
<h2 class="rosa">Was schon alles auf die Beine gestellt wurde ... </h2>
<div class="alpwirtschaft"><a href="keller_de.html" onclick="window.open('keller_de.html', 'Popup', 'width=700, height=500, left=200, top=100'); return false;">
<img src="images/keller.jpg" width="200" height="170" alt="keller" style="border:none" /></a></div>
<h6>Jahr 2004 - Die Käsekeller werden saniert</h6>
Im Frühjahr 2004 wurden Käse- und Milchkeller renoviert, um die Alpsaison im Sommer zu ermöglichen. Die Keller wurde mit viel Liebe nach traditionellem Vorbild restrukturiert. So wurden z. B. die Dächer wieder mit Steinplatten gedeckt.
<p>Die Menschen früher haben ihr Handwerk gut verstanden. Selbst im Hochsommer herrschen in den Kellern kalte Temperaturen.</p>
<p><a style="color:#f23311" href="keller_de.html">Bilder</a></p>
<p style="clear:left"> </p>
<div class="alpwirtschaft"><a href="container_de.html" onclick="window.open('container_de.html', 'Popup', 'width=700, height=500, left=200, top=100'); return false;">
<img src="images/container.jpg" width="200" height="170" alt="container" style="border:none" /></a></div>
<h6>Jahr 2004 - Käsen im Provisorium</h6>
In unzähligen Arbeitsstunden von Freiwilligen und Handwerkern wurde in einem Container eine moderne provisorische Käserei eingerichtet. So konnte Käse entsprechend den Hygienevorschriften hergestellt werden.
<p>Dazu kamen Kontakte mit etlichen Organisationen und Stiftungen zustande, welche die Anstrengungen finanziell unterstützt haben.</p>
<p><a style="color:#f23311" href="container_de.html">Bilder</a></p>
<p style="clear:left"> </p>
<div class="alpwirtschaft"><a href="formaggi_de.html" onclick="window.open('formaggi_de.html', 'Popup', 'width=900, height=500, left=200, top=100'); return false;"><img src="images/formaggi.jpg" width="200" height="170" alt="formaggi" style="border:none" />
</a></div>
<h6>Jahr 2004 - Es wird wieder Käse produziert </h6>
Es werden die traditionellen Käse der Region hergestellt: <br />
der halbharte Formagella, der um die zwei Monate reift sowie die Frischkäse (Formaggini und Büscion), die von den Kennern gerne mit gutem Olivenöl und Weinessig gegessen werden.
<p>Die Alp de Lagh ist aber auch für ihren Schafjoghurt, Pecorino, Fetakäse und weitere Spezialitäten bekannt.</p>
<p>Seit 2006 wird die Alp de Lagh neu als <span style="font-weight:900">Bio-Alp</span> betrieben. <a style="color:#f23311" href="lavori_de.html">Bilder</a></p>
<p style="clear:left"> </p>
<div class="alpwirtschaft"><img src="images/freiwillige1.jpg" width="200" height="170" alt="lumegn" /></div>
<h6>Jahr 2004 - Die Weiden sind wieder frei</h6>
Um die Wiederbewirtschaftung der Alp zu ermöglichen, mussten aber auch zahlreiche Büsche und junge Bäume gerodet, Steine aus den Weiden entfernt und der Bergpfad in Stand gestellt werden.
<p> An dieser Stelle nochmals ein Dankeschön an die vielen fleissigen Helfer (Schulklassen, Zivildienstleistenden, Freiwillige), die hier mit Begeisterung mitgeholfen haben.</p>
<p style="clear:left"> </p>
<div class="alpwirtschaft"><a href="psr.html" onclick="window.open('psr.html', 'Popup', 'width=900, height=400, left=200, top=100'); return false;"><img src="images/capragrigia.jpg" width="200" height="170" alt="psr-tier" style="border:none" /></a></div>
<h6>Jahr 2004 - Bestossung mit alten Nutztierrassen</h6>
<a style="text-decoration:none; font-weight:bold; color: #f23311" href="www.prospecierara.ch" target="_blank">ProSpecieRara</a> ist eine Schweizer Stiftung, die selten gewordene Nutztiere und Kulturpflanzen vor dem Verschwinden bewahrt und ihnen eine Zukunft geben möchte. So wird die stark gefährdete graue Gebirgsziege auf der Alp de Lagh gefördert, die ursprünglich in dieser Region so typisch war.
<p>Dank der Zusammenarbeit mit ProSpecieRara kann auf der Alp eine Vielfalt an Nutztierrassen wie Rätisches Grauvieh, Engadiner Schafe, seltene Ziegenrassen, Wollschweine, Schweitzer Hühner, Pommernenten & Co. bewundert werden.<a style="color:#f23311" href="psr_de.html">Bilder</a></p>
<p style="clear:left"> </p>
<div class="alpwirtschaft"><a style="color:#FFFFFF" href="lavori_de.html">
<img src="images/baustelle17.jpg" width="200" height="170" alt="baustelle" style="border:none" /></a></div>
<h6>Jahr 2005/2006 - Mit grossen Schritten voran</h6>
Das Alpgebäude wurde um die zukünftige Käserei sowie ein Hirtenhaus erweitert. Es wurde viel Wert auf traditionelle Bauweise gelegt. So wurde der Gneis an Ort uns Stelle geholt, bearbeitet und mit einem Kalkmörtel, den schon die Römer kannten gemauert.
<p>Möglich ist dieser grossartige Steinbau dank der Zusammenarbeit von Spezialisten, Einheimischen und den Lehrlingen der Marti AG. </p><p><a style="color:#f23311" href="lavori_de.html">Bilder</a></p>
<p style="clear:left"> </p>
<div class="alpwirtschaft"><img src="images/baustelle16.jpg" width="200" height="170" alt="alphütte" /></div>
<h6>Jahr 2007 - Auf zum Endspurt</h6>
Das alte Alpgebäude wird von Grund auf saniert. Dabei wird der zugeschüttete Keller der Alp wieder freigelegt.
<p>Das Dach der neuen Gebäude soll mit Steinplatten gedeckt werden. Wir dürfen uns alle auf den schönen Anblick freuen.</p>
<p style="clear:left"> </p>
<h5>Ausführliche Informationen zur ProSpecieRara-Alp “Alp de Lagh”
<a style="color:#f23311" href="http://www.alpdelagh.net" target="_blank">hier.</a></h5>
</div>
</div>
<!--end content-->
<!--start seitenbalken-->
<div id="box3">
<ul>
<li style="color: #887869; font-weight: bold; list-style-type:none; padding-bottom: 6px">Internetseite</li>
<li class="testo"><span class="farbe"><a href="http://www.alpdelagh.net" title="alpdelagh" target="_blank">Alp de Lagh</a></span></li>
<li class="testo"><span class="farbe"><a href="http://www.prospecierara.ch" title="psr" target="_blank">
ProSpecieRara</a></span></li>
</ul>
</div>
</body>
</html>und der css dazu...:
body {
margin: 0;
padding: 0;
font: 80% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background: transparent none no-repeat;
width: 100%;
overflow: hidden;
}
/*Main-Navigation*/
#navcontainer li a:link, #navcontainer li a:visited, #navcontainer li a:hover, #navcontainer li.on {
background-image: url(../images/hor_linie_rot1.jpg);
}
#navcontainer {
position: absolute;
top: 230px;
left: 6px;
width: 195px;
text-align: left;
margin-left: 0;
padding-left: 16px;
margin-right: 0;
padding-bottom: 2px;
}
#navcontainer ul {
list-style: none;
margin: 0;
padding: 0;
}
#navcontainer li a:link, #navcontainer li a:visited {
display: block;
text-decoration: none;
font-weight: bold;
font-size: 11px;
line-height: 15px;
padding-bottom: 5px;
padding-top: 5px;
color: #6F6256;
background-position: bottom left;
background-repeat: no-repeat;
}
#navcontainer li a:hover {
color: #C4C4C4;
background-repeat: no-repeat;
}
#navcontainer li.on {
list-style-type: disc;
color: #F23311;
font-weight: bold;
font-size: 11px;
background-position: bottom left;
background-repeat: no-repeat;
padding-bottom: 5px;
padding-top: 5px;
margin-left: 0;
}
/*Main-Navigation Ebene 2*/
#navcontainer ul li.on2 {
list-style-type: disc;
color: #F23311;
font-weight: bold;
font-size: 11px;
padding-bottom: 2px;
padding-top: 2px;
background-image:none;
}
#navcontainer ul li.on2 ul li a:link, #navcontainer ul li.on2 ul li a:visited {
font-weight: normal;
display: block;
text-decoration: none;
font-size: 11px;
line-height: 15px;
padding-bottom: 2px;
padding-left: 10px;
padding-top: 2px;
color: #6F6256;
background-image:none;
}
#navcontainer ul li.on2 ul li a:hover {
color: #C4C4C4;
font-weight: normal;
background-image:none;
}
#navcontainer ul li.on2 ul li.on3 {
font-weight: normal;
font-size: 11px;
line-height: 15px;
padding-bottom: 2px;
padding-left: 10px;
padding-top: 2px;
color: #6F6256;
background-image:none;
}
/*Top-Navigation*/
#topnavi ul {
position: absolute;
top : 170px;
left: 236px;
list-style-type: none;
display: inline;
padding-left: 0;
margin-top: 10px;
margin-left: 0;
}
#topnavi li {
display: inline;
font-weight: bold;
font-size: 11px;
}
#topnavi li a:link, #topnavi li a:visited {
text-decoration: none;
border-left: 2px solid #F23311;
padding: 3px 6px;
color: #6F6256;
}
#topnavi li a.erste {
border-left: none;
}
#topnavi li a:hover {
color: #F23311;
}
/*End Top-Navigation*/
/*Sprachauswahl*/
#language ul {
position: absolute;
top : 195px;
left: 850px;
list-style-type: none;
display: inline;
padding-left: 0;
margin-top: 10px;
margin-left: 0;
}
#language li {
display: inline;
padding: 3px 3px;
border-left: 1px solid #F23311;
font-size: 11px;
}
#language li a:link, #language li a:visited {
text-decoration: none;
color: #6F6256;
}
#language li a:hover {
color: #F23311;
}
/*Inhalt*/
#Schatten {
padding: 0;
margin: 0;
position: absolute;
width: 21px;
top: 0;
left: 1016px;
height: 100%;
background: url(../images/schatten_verlauf.jpg) repeat-y top left white;
}
#box1 h1 {
position: absolute;
top: 230px;
left: 250px;
margin: 0;
padding-bottom: 20px;
text-align: left;
}
#contentarea {
overflow: auto;
font-size: 11px;
color: #6F6256;
position: absolute;
top: 265px;
left: 250px;
width: 766px;
height: 350px;
padding-bottom: 10px;
}
#box2 {
padding-bottom: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #6F6256;
width: 560px;
float: left;
text-align: left;
}
#lagocama img {
float: left;
margin: 3px;
}
.alpwirtschaft img {
float: left;
margin-right: 5px;
padding-right: 5px;
}
table {
padding: 4px;
}
captation {
font-weight: bold;
margin-left: 15px;
}
th {
padding-right: 8px;
padding-bottom: 6px;
}
td {
padding-right: 8px;
padding-bottom: 6px;
}
.cl {
clear: left;
}
.bilder {
float: left;
text-align: left;
margin: 15px;
}
.lista {
list-style-type:none;
color:#6F6256;
padding-top: 0;
padding-left: 0;
padding-bottom: 2px;
margin-left: 0;
}
#lista_posizione {
display:inline;
padding: 0;
margin: 0;
}
p {
padding-top: 8px;
margin: 0;
}
h1 {
color: #F23311;
font-weight: bold;
font-size: 18px;
padding-bottom: 10px;
}
h2 {
font-weight: bold;
font-size: 14px;
}
h3 {
color: #6F6256;
font-weight: bold;
font-size: 11px;
padding-top: 8px;
padding-bottom: 8px;
margin:0;
}
h4 {
color: #9EC2E3;
font-weight: bold;
font-size: 12px;
margin:0;
}
h5 {
color: #6F6256;
font-weight: bold;
font-size: 12px;
padding-bottom: 10px;
margin: 0;
}
h6 {
color: #6F6256;
font-weight: bold;
font-size: 11px;
padding-bottom: 8px;
margin:0;
}
.marrone {
color: #EDC702;
font-weight: bold;
padding-top: 6px;
padding-bottom: 6px;
}
.verdone {
color: #BACE11;
padding-bottom: 10px;
}
.rosa {
color:#DD9F7B;
font-weight: bold;
padding-top: 6px;
padding-bottom: 6px;
}
.blu {
color: #7FB1DF;
font-weight: bold;
font-size: 12px;
padding-top: 10px;
}
.blu2 {
color: #7FB1DF;
font-weight: bold;
padding-top: 0;
padding-bottom: 10px;
margin: 0;
}
/*Seitenspalte*/
#box3 {
text-align: left;
font-size: 11px;
float: right;
position: absolute;
top: 265px;
left: 830px;
margin-left: 0;
width: 170px;
}
ul {
list-style-type: disc;
color: #F23311;
margin-left: 0;
padding-left: 20px;
text-decoration: none;
text-align: left;
}
.testo {
padding-bottom: 8px;
}
.farbe {
color: #6F6256;
}
.testo a {
text-decoration: none;
color: #6F6256;
}
vieleicht hilft das...
und noch was...kann man nichts dagegen tun, dass in IE die schriftart von mir gewählt anders anzeigt als in firefox (einfach wie fetter...)
danke schön
saluti
trudi