LinkBack URL
About LinkBacks
ZitierenOhne mir nun genau anszusehen, was der Fehler sein könnte, mal eine Gegenfrage :
Warum willst du overflow:auto definieren ? Was ist der Grund dazu ?
Netscape 7 Prob bei --> overflow: auto
Hallöchen,
NN 7 schneidet einfach den Inhalt ab wenn ich im Stylesheet für den body { overflow: auto } definiere
woran kann das liegen?
DT:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
source:
<body>
<div id="Header">
<div id="Navigation"><img src="grafik/objekte/navi_left.jpg" width="100" height="35"><img src="grafik/objekte/phil_01.jpg" width="100" height="35"><img src="grafik/objekte/phil_01.jpg" width="100" height="35"><img src="grafik/objekte/phil_01.jpg" width="100" height="35"><img src="grafik/objekte/phil_01.jpg" width="100" height="35"><img src="grafik/objekte/phil_01.jpg" width="100" height="35"><img src="grafik/objekte/service_01.jpg" width="100" height="35">
<div id="Content" class="content">
<h1>Herzlich willkommen bei www.domain.de</h1>
<p>An dieser Stelle finden Sie Angebote, Serviceinformationen und Hinweise auf
Veranstaltungen des Domaininhabers.</p>
<p>Falls Sie eine Anfrage an uns haben oder einfach nur wissen wollen, wie Sie uns finden - hier sind Sie richtig!</p>
<p>Viel Spaß beim Besuch <a href="#">unserer</a> Site.</p>
<hr>
<h2>Was bisher geschah...</h2>
<p><br>
Im Laufe eines Jahres organisieren wir allerhand Aktivitäten oder finden
einiges interessant. <br>
Manchmal gibt es davon auch Fotos oder Beschreibungen. Schauen Sie doch mal rein.</p>
<p>zum Rückblick auf die Veranstaltungen des Jahres</p>
<div id="Footer" class="footer">Alle Rechte Vorbehalten © 1985 </div>
</div>
</div>
</div>
</body>
css:
body {
background-color: White;
color: Black;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
text-align: center;
margin: 20px 0 0 0;
overflow: auto;
}
A {
color: Blue;
text-decoration: underline;
}
A:hover {
color: Fuchsia;
text-decoration: none;
}
H1 {
font: 25px/130% Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #E9967A;
font-weight: bold;
background-color: transparent;
margin: 0 0 0 0;
}
H2 {
font: 20px/130% Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #666666;
font-weight: bold;
background-color: transparent;
margin: 30px 0 0 0;
}
H3 {
font: 16px/130% Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #999999;
font-weight: bold;
background-color: transparent;
margin: 20px 0 0 -1%;
}
HR {
color: #7B99E1;
}
#Header {
position: relative;
text-align: left;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 100px;
margin-top: 0px;
margin-bottom: 0px;
background-image: url(../grafik/objekte/header.jpg);
background-repeat: no-repeat;
}
#Navigation {
position: relative;
width: 700px;
height: 35px;
margin-left: 30px;
top: 110px;
}
#Content {
position: relative;
width: 750px;
margin-top: 10px;
margin-left: 20px;
font-size: 90%;
}
#Footer {
position: relative;
width: 750px;
height: 40px;
margin-top: 20px;
margin-bottom: 30px;
font-size: 90%;
background-image: url(../grafik/objekte/footer.jpg);
background-repeat: repeat-x;
}
.content {
padding-right: 10px;
}
.footer {
padding-top: 8px;
padding-left: 5px;
font-weight: bold;
color: #F1F2F4;
background-color: transparent;
}
Ohne mir nun genau anszusehen, was der Fehler sein könnte, mal eine Gegenfrage :
Warum willst du overflow:auto definieren ? Was ist der Grund dazu ?
Wenn Du denkst Du denkst, denkst Du nur Du denkst, denn das denken von Gedanken ist gedankenloses Denken.
Wer braucht schon JavaScript ?
Hi,
eigentlich gibt es keinen Nennenswerten Grund, außer das Probieren und Lernen.
Bei Dr. Web habe ich gelesen wie man im IE den "Geisterrollbalken" entfernt und das wollte ich eben ausprobieren.
Früher als ich mich nur wenig oder sporadisch mit CSS beschäftigte machte ich das ab und zu mit scroll="auto"
Bei Dr. Web steht aber das dies nicht HTML - Konform ist und man das in CSS machen sollte, eben mit overflow: auto im Body - Tag oder Selektor
Gefreut hatte ich mich, das es so easy ging aber eben nur bei IE - Opera stellt auch alles richtig dar, nur NN 7 schneidet den Inhalt ab, so ca. ab der Mitte der Seite abwärts; begonnen im #Content - Layer
Wieso das?
na ich will es mal so sagen. Warum der Mozilla dir da die Hälfte abschneidet, kann ich dir spontan nicht sagen. Er scheint aber tatsächlich einige Probleme mit "overflow" zu haben.
Du solltest dir jedoch einen anderen Gedanken, durch den kopf schiessen lassen. Warum macht der IE überhaupt einen Scrollbalken. Was ist der Grund ? Welches Element der Auslöser ?
Wenn du das geklärt hast, dann kannste du das entsprechende Element auch so formatieren, daß du kein overflow:auto benötigst.
Kein Scrollbalken kommt ohne Grund (ausser vielleicht einer beim IE5/mac). Es gibt immer einen Auslöser.
Um herauszufinden, welches Element den Scrollbalken provozierst, solltest du alle Elemente mit einem 1px dicken z.B. roten Rahmen versehen und dann nachsehen, welches Element "breiter" als die anderen ist.
Wenn Du denkst Du denkst, denkst Du nur Du denkst, denn das denken von Gedanken ist gedankenloses Denken.
Wer braucht schon JavaScript ?
hm...
aneinander Vorbeidiskutiert...
Es geht um den rechten Scrollbalken, welcher die Seite nach unten scrollt, den macht doch der IE immer hin auch wenn die Seite kürzer ist, und das ist sie...
Naja aber egal, denn hierfür lohnt sich wohl das Grübeln nicht, das overflow fliegt raus und fertig
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)