✔ Footer wird in IE nicht unten angezeigt

[ymarviny]

Hallo,

ich habe meine Webseite umgestellt. Im Firefox wird der Footer immer unten angezeigt, aber im Internetexplorer fängt der Footer schon da an, wo das Menü links aufhört, auch wenn der Maintext noch länger ist.

Siehe: http://www.winfaq.de/rsw.htm
(Ab und zu ist es beim ersten mal OK, einfach dann noch mal auf den Link "Registry System Wizard" - oben - klickt, dann ist der Footer nicht mehr richitg).

Links zur CSS: http://www.winfaq.de/style.css

Ich verstehe den Fehler nicht. Der Firefox mach es richtig... hat einer eine Lösung dafür, dass auch der IE es richtig anzeigt?

Gruß
Frank

 

[Maik]

Hi,

erweiter mal das Stylesheet mit der folgenden CSS-Regel und füge nach den beiden Spalten das DIV .clear ein, um in der Box #wrapper die Fließumgebung aufzuheben, und so wieder den normalen Textfluss herzustellen.

Die auf null gesetzten Werte dienen dazu, dass das Element keinen Platz im Layout beansprucht, und den Footer nach unten drückt.

div.clear {
clear: both;
height: 0;
line-height: 0;
font-size: 0;
}

<div id="wrapper">
  ...
  <div id="maintext">...</div>
  <div id="rightcolumn">...</div>
  <div class="clear"></div>
</div>

Zudem muß eine ID in einem Dokument eindeutig sein, die IDs #navcontainer und #partner wurden aber mehrmals vergeben - setze hier stattdessen CSS-Klassen ein.

 

[ymarviny]

Hallo,

danke für diese schnelle Hilfe, es geht . Ich beschäftige mich erst seit kurzem mit CSS (vorher war alles mit Tabellen aufgebaut). Darum fällt mir einiges noch schwer.

Die Sache mit den Klassen: Ich darf also nicht:
#navcontainer {
...
}
#navcontainer ul {
...
}

Schreiben? Muss ich das dann so machen:

#navcontainer {
...
}
. ul {
...
}

Da ich hier so gute Hilfe bekommen habe, noch eine Frage:

Ruft man die Seite http://www.winfaq.de/faq_html/Content/winfaq.htm unter Firefox auf, sieht sie natürlich mal wieder so aus wie ich mir das vorstelle (es geht um die senkrechten Punktlinien). Im IE sind diese beiden Linien fast zu einer verschmolzen (sie rücken sehr dicht zusammen). Ist jetzt nicht so ein schlimmer Fehler, aber wenn da noch einer eine Idee hat?

Gruß
Frank

 

[Maik]

Hi,

mit den Klassen habe ich folgendes gemeint:

aus

<!-- Partnerseiten -->
          <h2>Partnerseiten</h2>
          <div id="navcontainer">
                  <div id="partner">
                    <a href="http://www.virgis-dreambabys.de">Virgis-Dreambabys</a><br/>
              <a href="http://www.netzwerktotal.de">Netzwerktotal</a><br/>
              <a href="http://www.winhelpline.info">Winhelpline</a><br/>
              <a href="http://www.wintotal.de">WinTotal</a><br/>
              <a href="http://www.u2u-links.com/">U2U-Link-Portal</a><br/>
            </div>
          </div>
          <!-- Werbepartner -->
          <h2>Werbepartner</h2>
          <div id="navcontainer">
                  <div id="partner">
              <a href="http://www.a-bis-z.de">Domain-Guide</a><br/>
              <a href="http://www.callfox.de">Callcenter-Software</a><br/>
              <a href="http://www.rankfox.com">RankFox die Profis</a><br/>
              <a href="http://www.kapitalmarktplatz.de">Kapitalmarktplatz</a><br/>
              <a href="http://www.tipp49.de">Tippen Sie mit</a><br/>
            </div>
          </div>

wird

<!-- Partnerseiten -->
          <h2>Partnerseiten</h2>
          <div class="navcontainer">
                  <div class="partner">
                    <a href="http://www.virgis-dreambabys.de">Virgis-Dreambabys</a><br/>
              <a href="http://www.netzwerktotal.de">Netzwerktotal</a><br/>
              <a href="http://www.winhelpline.info">Winhelpline</a><br/>
              <a href="http://www.wintotal.de">WinTotal</a><br/>
              <a href="http://www.u2u-links.com/">U2U-Link-Portal</a><br/>
            </div>
          </div>
          <!-- Werbepartner -->
          <h2>Werbepartner</h2>
          <div class="navcontainer">
                  <div class="partner">
              <a href="http://www.a-bis-z.de">Domain-Guide</a><br/>
              <a href="http://www.callfox.de">Callcenter-Software</a><br/>
              <a href="http://www.rankfox.com">RankFox die Profis</a><br/>
              <a href="http://www.kapitalmarktplatz.de">Kapitalmarktplatz</a><br/>
              <a href="http://www.tipp49.de">Tippen Sie mit</a><br/>
            </div>
          </div>

.navcontainer { }
.partner { }

Klassen dürfen nämlich in einem Dokument unendlich oft aufgerufen werden, IDs hingegen nur jeweils ein einziges mal.

Und nun zum "neuen" Problem.

Verschachtel mal die Listen nach dem folgenden Schema:

<div id="listbox">
    <ul>
        <li>...</li>
        <!-- Überschrift Subliste -->
        <li><h3>Tipps sortiert nach den Windows Betriebssystemen</h3>
                <ul>
                   <li>...</li>
                </ul>
        </li><!-- Ende Überschrift Subliste -->
    </ul>
</div>

und tausche diese CSS-Regeln

#listbox ul {
border-left: 2px dotted #3076A1;
}
#listbox ul ul {
margin-left: 0px;
border-left: 2px dotted #3076A1;
}
#listbox ul ul ul {
margin-left: 20px;
border-left: 2px dotted #3076A1;
}

gegen diese hier aus:

#listbox ul, #listbox ul li ul {
margin: 0;
padding: 0;
border-left: 2px dotted #3076A1;
}
#listbox ul li, #listbox ul li ul li {
margin-left: 20px;
padding: 0;
}

 

[ymarviny]

Hallo,

danke für die Erklährung (jetzt verstanden) und für die Lösung des anderen Problems.

Solltest du mal eine Lizenz vom "Registry System Wizard" benötigen, einfach melden, die bekommst du selbstverständlich kostenlos.

Wünsche dir frohe Ostern

Gruß
Frank