Footer im IE7 nur nach Eingabe von Kommentar?
0 0 
Gunnar Bittersmann
0 0 
at
0 Gunnar Bittersmann
Footer im IE7 nur nach Eingabe von Kommentar?
Ich habe ein merkwürdiges Problem.
Bei meiner Website funktioniert mit dem Firefox alles einwandfrei. Aber mit dem IE7 erscheint der Footer nicht.
Nach langem hin und her, habe ich es auch geschafft den Footer im IE7 wie gewünscht anzeigen zu lassen.
ABER: Er erscheint nur, wenn ich an eine Stelle im Quelltext einen leeren Kommentar einfüge.
Das ist doch irgendwie komisch oder?
Hier mal mein CSS für das Layout:
body {
margin: 0px;
padding: 0px;
background-color:#000000;
text-align:center;
}
#rahmen {
width:960px;
height:785px;
margin:0 auto;
margin-top: 20px;
text-align:left;
}
#titelbox {
width:960px;
height:125px;
background-color:#cccccc;
background-image:url(bilder/layout/titel.jpg);
vertical-align:bottom;
background-repeat:no-repeat;
background-position: center bottom;
}
#navigationbox {
width:960px;
height:20px;
background-color:#cccccc;
background-image:url(bilder/layout/navileiste.gif);
border:none;
vertical-align:bottom;
background-repeat:no-repeat;
background-position:center;
}
#navigationbox ul {
margin:0px;
padding-left:15px;
list-style-position: inside;
}
#navigationbox li {
padding-right:15px;
display:inline;
}
#navigationbox a {
color: #cccccc;
text-decoration: none;
font-family: Verdana, Geneva, sans-serif;
font-size:11px;
font-weight: bold;
}
#navigationbox a:active {
color:#933000;
text-decoration: none;
font-family: Verdana, Geneva, sans-serif;
font-size:11px;
font-weight: bold;
}
#navigationbox a:hover {
color:#933000;
text-decoration: none;
font-family: Verdana, Geneva, sans-serif;
font-size:11px;
font-weight: bold;
}
#rechtebox {
width:210px;
height:620px;
padding:10px;
background-color:#cccccc;
float:right;
}
#mainbox {
position:absolute;
width:710px;
height:620px;
padding:10px;
background-color:#cccccc;
float:left;
}
#footer {
clear:both;
width:960px;
height:40px;
background-color:#cccccc;
background-image:url(bilder/layout/fussleiste.gif);
position:absolute;
margin-top:595px;
border:none;
background-repeat:no-repeat;
background-position:center;
}
Und jetzt noch der Quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xml:lang="de" lang="de-DE" dir="ltr">
<head>
<title>* * * mc-spike.de * * *</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<link href="text.css" rel="stylesheet" type="text/css">
<link href="layout.css" rel="stylesheet" type="text/css">
<body class="text">
<div id="rahmen">
<div id="titelbox"></div>
<div id="navigationbox">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="auto.html">Auto</a></li>
<li><a href="motorrad.html">Motorrad</a></li>
<li><a href="paintball.html">Paintball</a></li>
<li><a href="diverses.html">Diverses</a></li>
<li><a href="impressum.html">Impressum</a></li>
</ul></div>
<div id="rechtebox">
<h1 class="rechtskapitel">Motorrad</h1>
<h2 class="rechtskapitel">Kapitel:</h2>
<ul>
<li><a href="motorrad.html">Einleitung</a></li>
<li><a href="motorrad-daten.html">Daten</a></li>
<li><a href="motorrad-fotos.html">Fotos</a></li>
<li><a href="motorrad-umbauten.html">Umbauten</a></li>
<li><a href="motorrad-fakes.html">Fakes</a></li>
<li><a href="motorrad-veranstaltungen.html">Veranstaltungen</a></li>
</ul>
<br><br>
<h2 class="rechtskapitel">externe Links:</h2>
<ul>
<li><a href="http://www.sebastian-schuhmacher.de/" target="_blank">Z750 von Sebastian</a></li>
</ul>
</div>
<div id="mainbox"><p>Text</p></div>
<div id="footer"><p class="footer">© 2009 by Maik Klöhn</p></div>
<!-- -->
</div>
</body>
</html>
Sobald ich unter dem div-footer den Komentar einfüge funktioniert es, wenn ich ihn lösche, erscheint im IE kein Footer.
Ich hoffe es kann mir einer Helfen, ich könnte zwar überall den Kommentar einfügen, aber das kann doch nicht richtig sein. Oder?
-
Sobald ich unter dem div-footer den Komentar einfüge funktioniert es, wenn ich ihn lösche, erscheint im IE kein Footer.
Ich hoffe es kann mir einer Helfen, ich könnte zwar überall den Kommentar einfügen, aber das kann doch nicht richtig sein. Oder?ggf sucht dich dieser bug heim
du kannst es vermutlich ganz leicht vermeiden indem du nicht mit position: absolute herumschleuderst, wo es garnicht notwendig ist
im übrigen kannst du dir das © sparen und durch © ersetzen - oder besser: lass es ganz weg, in unseren breiten existiert kein copyright
-
@@suit:
im übrigen kannst du dir das © sparen und durch © ersetzen
Und das '
ö' kannst du dir auch sparen und durch 'ö' ersetzen. [QA-ESCAPES]Live long and prosper,
Gunnar--
Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)-
Und das '
ö' kannst du dir auch sparen und durch 'ö' ersetzen.so weit hat meine konzentrationsspanne nicht gereicht :D
-
Hi,
so weit hat meine konzentrationsspanne nicht gereicht :D
dann hat das Wort wohl ein "s" zu viel ;-)
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes
-
-
@@suit:
im übrigen kannst du dir das © sparen und durch © ersetzen
Und das '
ö' kannst du dir auch sparen und durch 'ö' ersetzen. [QA-ESCAPES]Live long and prosper,
GunnarDanke für den Hinweis. Das ist wirklich schon einmal eine Erleichterung.
Allerdings bringt mir das mit dem Footer nicht unbedingt weiter.Das mit der position:absolute klingt ja ganz gut, aber ich habe es mehrmals mit einfügen und wegnehmen ausprobiert. Aber irgendwie klappt es nur in diesem Fall.
Kommt doch auch nur 2mal vor. ;)
-
-
Sobald ich unter dem div-footer den Komentar einfüge funktioniert es, wenn ich ihn lösche, erscheint im IE kein Footer.
Ich hoffe es kann mir einer Helfen, ich könnte zwar überall den Kommentar einfügen, aber das kann doch nicht richtig sein. Oder?
ggf sucht dich dieser bug heimdu kannst es vermutlich ganz leicht vermeiden indem du nicht mit position: absolute herumschleuderst, wo es garnicht notwendig ist
im übrigen kannst du dir das © sparen und durch © ersetzen - oder besser: lass es ganz weg, in unseren breiten existiert kein copyright
Das mit dem Copyright und den Umlauten ist aber nur Kosmetik oder? Muss man die Umlaute denn nicht mehr z.B. mit ö schreiben?
Ich habe jetzt auch die "position:absolute" raus genommen und dann passt das ganze Layout nicht mehr. Sobald ich die wieder so setze, wie sie jetzt sind, funktioniert es wenigstens so weit.
-
Das mit dem Copyright und den Umlauten ist aber nur Kosmetik oder? Muss man die Umlaute denn nicht mehr z.B. mit ö schreiben?
musste man bei korrekter zeichencodierung noch nie - einen entsprechenden beitrag hast du ja von gunnar bereits bekommen
-
-
Hallo.
im übrigen kannst du dir das © sparen und durch © ersetzen - oder besser: lass es ganz weg, in unseren breiten existiert kein copyright
Oder noch besser: Spare dir den Footer. Die ergeben ohnehin meist keinen Mehrwert, so auch hier.
MfG, at
-
-
@@Maik:
Bei meiner Website funktioniert mit dem Firefox alles einwandfrei. Aber mit dem IE7 erscheint der Footer nicht.
In Viewports mit einer geringeren Höhe als 595 Pixel wohl auch nicht.
Wenn du den Footer schon absolut positionierst, warum dann nicht von unten ('bottom')?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xml:lang="de" lang="de-DE" dir="ltr">'xml:lang' gibt es in HTML 4.01 nicht; entferne es.
Live long and prosper,
Gunnar--
Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)-
@@Maik:
Bei meiner Website funktioniert mit dem Firefox alles einwandfrei. Aber mit dem IE7 erscheint der Footer nicht.
In Viewports mit einer geringeren Höhe als 595 Pixel wohl auch nicht.
Wenn du den Footer schon absolut positionierst, warum dann nicht von unten ('bottom')?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xml:lang="de" lang="de-DE" dir="ltr">'xml:lang' gibt es in HTML 4.01 nicht; entferne es.
Live long and prosper,
GunnarOK. Jetzt habe ich es nach einigen Ausprobieren geschafft.
Änderungen:
- Umlaute wieder geschrieben
- xml:lang entfernt. (hatte dreamweaver so eingestellt.)
Bei dem Footer-Problem habe ich mich durch Deinem Tipp mit der Ausrichtung am Unterrand rangetastet.
In der CSS-Datei habe ich erst einmal die "position:absolute" entfernt und den footer vom bottom ausgerichtet.
Dabei musste ich dann die "position" auf "relative" setzen und dann funktionierte es.#rechtebox { width:210px; height:620px; padding:10px; background-color:#cccccc; float:right; } #mainbox { width:710px; height:620px; padding:10px; background-color:#cccccc; float:left; } #footer { clear:both; position:relative; bottom:45px; width:960px; height:40px; background-color:#cccccc; background-image:url(bilder/layout/fussleiste.gif); border:none; background-repeat:no-repeat; background-position:center; }Denke für die Tipps, mit denen ich mich dann selber ans Ziel hangeln konnte.
Kann zwar sein, dass es technisch immer noch nicht ganz sauber ist, aber optisch geht es erst einmal. :)
Außer, dass jetzt im IE die Aufzählungssymbole weg sind.-
- xml:lang entfernt. (hatte dreamweaver so eingestellt.)
wtf? - ich hab hier einen dreamweaver 8 (den ich nicht nutze), der macht das nicht
-