Anzeige: united-domains - Die ganze Welt der Domains
Einfache & schnelle Domain-Registrierung zu fairen Preisen ohne Einrichtungsgebühren. Mehr als 250 Domain-Endungen aus einer Hand inklusive E-Mail- & Web-Weiterleitung. Einzigartiges Domain-Portfolio zur bequemen & sicheren Verwaltung Ihrer Domain-Namen.
Jetzt Domain-Check bei united-domains!
zwei Scrollbalken im IE6
Autor: theresa
Datum: 05.01.2012 15:52:38
Hallo
Noch immer gibt es Leute, und bei mir wichtige Leute, die mit XP und IE6 arbeiten. Deshalb ist es ärgerlich, dass es zwei Scrollbalken gibt, sobald es ein längerer Text erfasst ist, resp. der "normale" Scrollbalken kommen muss.
Ich habe bereits den Overflow deaktiviert, aber das brachte keine Besserung.
Den min-height habe ich anschlliessend für den IE bereinigt, aber das war es auch nicht.
Was klemmt?
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
html, body {
height : 101%;
}
body {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
font-style : normal;
line-height : 120%;
color : #2b4679;
margin : 0;
padding : 0;
/* overflow : auto; */
background-color : #c9e1f3;
height : 100%;
}
.clear {
clear : both;
}
#container {
position : relative;
width : 1000px;
background-color : #fff;
margin : 0 auto;
text-align : left;
margin-top : 20px;
margin-bottom : 10px;
border-color : #2b4679;
border-style : solid;
border-width : thin;
}
#topbalkenindex {
width : 1000px;
height : 160px;
}
#logo {
background-image : url(../images/logo_2011.jpg);
background-repeat : no-repeat;
height : 160px;
width : 200px;
float : left;
}
#navigation {
width : 800px;
float : left;
}
#inhalt {
min-height : 500px;
width : 636px;
margin-left : 25px;
margin-top : 40px;
float : left;
}
#seitentitel {
font-size : 20px;
padding-bottom : 5px;
margin-bottom : 30px;
color : #009fe1;
line-height : 120%;
border-left : 0 #fff;
border-right : 0 #fff;
border-top : 0 #fff;
border-bottom : thin solid #2b4679;
}
</style>
<!--[if IE]>
<style type="text/css">
#inhalt {
min-height : 500px;
height:auto !important;
height:500px;
width : 636px;
margin-left : 25px;
margin-top : 40px;
float : left;
}
}
</style>
<![endif]-->
</head>
<body>
<div id="container">
<?php include("nav.php"); ?>
<div id="inhalt">
<div id="seitentitel">Manifest der Stadtzürcher Gewerbevereine</div>
<p>Wenn hier ein kurzer Text ist, ist die Darstellung richtig und in der richtigen Höhe, in XP mit IE 6 und W7 mit FF, Chom oder IE 9
<p>Hat es jedoch viel Text erscheinen im XP IE6 zwei Scrollbalken </p>
</div>
<div id="mitglieder">
<?php include("mitglieder_incl.php"); ?>
</div>
<div class="clear"> </div>
</div>
</body>
</html>
Re: zwei Scrollbalken im IE6
Autor: gaby
Datum: 05.01.2012 18:59:15
> Noch immer gibt es Leute, und bei mir wichtige
> Leute, die mit XP und IE6 arbeiten.
Das wird daran liegen, daß diese Leute ihr Geld anderweitig verwenden wollen oder müssen, als sich ständig neue Hard- und Software zu kaufen. Soviel ich weiß, wirft Bill Gates sein Betriebssystem ja auch nicht gerade kostenlos unters Volk.
> Deshalb ist
> es ärgerlich, dass es zwei Scrollbalken gibt,
> sobald es ein längerer Text erfasst ist, resp.
> der "normale" Scrollbalken kommen muss.
Für was ist das 'height: 100%' für BODY?
Ich sehe dafür keine Notwendigkeit.
Und dann gar 'height: 101%' für HTML. Das erzeugt ja von vorneherein schonmal einen überflüssigen Scrollbalken.
Wenn du nicht willst, daß die Seiten bei unterschiedlich langem Inhalt hin- und herspringen, verwende 'overflow-y: scroll'.
gaby
Re: zwei Scrollbalken im IE6
Autor: Theresa
Datum: 05.01.2012 23:06:40
Danke
Habe es gelöst.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
body {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
font-style : normal;
line-height : 120%;
color : #2b4679;
margin : 0;
padding : 0;
background-color : #c9e1f3;
overflow-y: scroll;
}
.clear {
clear : both;
}
#container {
position : relative;
width : 1000px;
background-color : #fff;
margin : 0 auto;
text-align : left;
margin-top : 20px;
margin-bottom : 10px;
border-color : #2b4679;
border-style : solid;
border-width : thin;
}
#navigation {
width : 800px;
float : left;
}
#inhalt {
min-height : 700px;
width : 636px;
margin-left : 25px;
margin-top : 40px;
float : left;
}
#seitentitel {
font-size : 20px;
padding-bottom : 5px;
margin-bottom : 30px;
color : #009fe1;
line-height : 120%;
border-left : 0 #fff;
border-right : 0 #fff;
border-top : 0 #fff;
border-bottom : thin solid #2b4679;
}
</style>
<!--[if IE]>
<style type="text/css">
body {
overflow:visible;
}
#inhalt {
min-height : 700px;
height:auto !important;
height:700px;
width : 636px;
margin-left : 25px;
margin-top : 40px;
float : left;
}
}
</style>
<![endif]-->
<!--[if IE 9]>
<style type="text/css">
body {
overflow-y: scroll;
}
</style>
<![endif]-->
</head>
<body>
<div id="container">
<div id="inhalt">
<div id="seitentitel">Seitentitel</div>
<p>Wenn hier ein kurzer Text ist, ist die Darstellung richtig und in der richtigen Höhe, in XP mit IE 6 und W7 mit FF, Chom oder IE 9
<p>Hat es jedoch viel Text erscheinen im XP IE6 zwei Scrollbalken </p>
</div>
<div id="mitglieder"> </div>
</div>
</body>
</html>
