Fusszeile unten ausrichten (IE6?)

Fusszeile unten ausrichten (IE6?)

Beitragvon anfed » 11.02.2008, 16:31

Hallo zusammen,

Ich möchte bei meinem Layout, dass die Fusszeile am Fensterrand klebt. Bei längeren Texten entsteht jedoch ein Scrollbalken. Meine Fusszeile sollte dann nicht mehr am Fensterrand kleben, sondern am DIV über der Fusszeile. Im Firefox und im IE/ funktioniert dies wunderbar.

Hat jemand vielleicht einen Vorschlag für IE6,wie ich das mit CSS lösen kann .:?:

Besten Dank und grüsse :)
anfed
neu hier
 
Beiträge: 4
Registriert: 11.02.2008, 16:24

Beitragvon Laus » 11.02.2008, 19:24

Schau mal -->hier<--
Übrigens das Board hat auch eine Suchfunktion :wink:

Gruß Xaver
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald

Beitragvon anfed » 12.02.2008, 10:05

danke für den tipp :wink:

klappt bei mir aber trotzdem nicht :(
anfed
neu hier
 
Beiträge: 4
Registriert: 11.02.2008, 16:24

Beitragvon Laus » 12.02.2008, 10:23

Was genau klapt dabei den nicht?
Ein Link zu deiner Seite wäre sehr hilfreich dabei Dir zu helfen.
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald

Beitragvon anfed » 12.02.2008, 10:44

Hier erst mal mein HTML:

Code: Alles auswählen
<body>
<div>
<div><img></div>
  <div> 
     <div><img></div>
    <div>
        <div><img></div>
<div>
          <ul>
            <li><a>home</a></li>
            <li><a>dienstleistungen</a></li>
            <li><a>über mich</a></li>
            <li><a>das unternehmen</a></li>
            <li><a>kontakt</a></li>
          </ul>
      </div>
    </div>
   <div></div>
  </div>
  <div>
    <div>&nbsp; </div>
    <TemplateBeginEditable>
    <div>
      <h1>Titel</h1>
      <h2>Hier steht mein Text</h2>

        </li>
        </ul>
    </div>
    <TemplateEndEditable><TemplateBeginEditable>
    <div>
      <h2>Quicklinks</h2>
    </div>
    <TemplateEndEditable>
  </div>
  <div>Hans Muster<br>
    Musterstrasse 7<br>
    12345 Musterort<br>
    telefon<br></div>
  <div> class="clear"></div>
          <div>
     <h5>hier steht meine Fusszeile</h5>
   </div>
</div>
</body>
</html>


und Hier einen Teil meines CSS:
Code: Alles auswählen
div.clear {
clear:both;
}   

#container {
   width: 900px;
   min-height: 100%;
   margin-left: auto;
   margin-right: auto;
   top: 0;
   position: relative;
   }
#content {
   width: 900px;
   position: relative;
   float:left;
   clear: none;
   }

#sidebarlinks {
   width: 107px;
   float: left;
   clear: none;
   }

#inhalt {
   width: 489px;
   float: left;
   clear: none;
   padding: 38px 45px;
   line-height: 18px;
   }

#sidebarrechts {
   width: 168px;
   float: right;
   clear: none;
   padding: 38px 23px;
   }


/****FUSSZEILE****/


#fusszeile {
   position:absolute;
   clear:  both;
   width: 900px;
   height: 20px;
   margin: 0 auto;
   background:#a22550;   
   text-align:center;
   bottom: 0;
   }
   


So ich hoffe meinen Code bringt dir etwas:)

Im IE 6 habe ich Probleme. Die Fusszeile hängt irgendwo in der Mitte. :( Wo steckt mein Fehler?


Danke für die Hilfe
:)
anfed
neu hier
 
Beiträge: 4
Registriert: 11.02.2008, 16:24

Beitragvon Laus » 12.02.2008, 12:11

Editiere bitte deinen Quelltext im vorherigem Post und setze bei HTML in diesem Beitrag deaktivieren einen Haken dann wird der Quelltext richtig eingetragen.
Dein Problem liegt vermutlich am position:absolute; deines footers.
Hast du dir footerstickalt angesehen?
Deine Elternelemente brauchen auch ein height:100%, also html und body, da sich die Elemente immer nur soweit dehnen können wie die Elternelemente groß sind.

Gruß Xaver
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald

Beitragvon anfed » 12.02.2008, 13:19

Hier nochmals das HTML

Code: Alles auswählen
<body bgcolor="#FFFFFF" onload="setactive();">
<div id="container">
  <div id="kopfzeile"><img src="../bilder/kopf.jpg" alt=""/></div>
  <div id="header">
    <div id="logo"><img src="../bilder/logo.jpg" width="107" height="217" /></div>
    <div id="headrechts">
      <div id="bild"><img src="../bilder/bild.jpg" /></div>
      <div id="navi">
        <ul>
          <li><a href="../index.html">home</a></li>
          <li><a href="../dienstleistungen.html">dienstleistungen</a></li>
          <li><a href="../ueber-mich.html">über mich</a></li>
          <li><a href="../unternehmen.html">das unternehmen</a></li>
          <li><a href="../kontakt.html">kontakt</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div id="content">
    <div id="sidebarlinks">&nbsp; </div>
    <!-- TemplateBeginEditable name="Inhalt" -->
    <div id="inhalt">
      <h1>Haupttitel</h1>
      <h2>Untertitel</h2>
      <ul>
        <li>
          <h3>Hier steht der Text</h3>
        </li>
      </ul>
    </div>
    <!-- TemplateEndEditable --><!-- TemplateBeginEditable name="sidebar" -->
    <div id="sidebarrechts">
      <h2>Quicklinks</h2>
    </div>
    <!-- TemplateEndEditable --> </div>
  <div class="main" id="adresse">Hans Muster<br />
    Musterstrasse 7<br />
    1234 Muster<br />
    telefon 012 345 67 89<br /></div>
  <div class="clear"></div>
  <div id="fusszeile">
    <h5>Hier steht die Fusszeile</h5>
  </div>
</div>
</body>
</html>



ja, ich hab mir das footerstickalt angesehen. bin aber nicht ganz schlau daraus geworden, bzw. bei mir hat es nicht geklappt. Warum auch immer.
:roll:
anfed
neu hier
 
Beiträge: 4
Registriert: 11.02.2008, 16:24

Beitragvon Laus » 16.02.2008, 10:44

Du musst deinen Footer aus deinem Div Container herausnehmen so das dieser Container die Eigenschaft des dort beschriebenen Divs nonfooter erhält. Der footer wird dann extra positioniert.
Zusätzlich müssen html und body eine Höhe von 100% zugewiesen bekommen da sie Elternelemente sind und die 100% Höhe immer von den Elternelementen aus gerechnet wird. Dann sollte es funktionieren.
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Fusszeile unten ausrichten (IE6?)"

Zurück zu: CSS für Fortgeschrittene

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste