Wo liegt der Fehler?

  • Hallo Liebe Forum Gemeinde, ich brauche eure Hilfe!

    Folgendes:
    Ich habe ein Design erstellt, das Design besteht aus 2 Footern (hier zu sehen: http://schildi-online.de ) So sollte es dann aussehen.
    Das ist jedoch ein Tabellen Design und ich wollte das ganze jetzt mal mit Divs machen.

    Hier zu sehen mit Divs: http://www.schildi-online.de/natur-gewalten/willkommen.html
    Und wie man sieht bekomme ich den Footer erstens nicht auf volle Länge und zweitens bekomme ich ihn nicht ganz nach unten, ich hoffe ihr versteht mein Problem!


    Bin für jede Hilfe dankbar!

  • Danke habe die divs alle geschlossen, funktioniert aber leider immernoch nicht !?

  • Jetzt bin ich schon ein bisschen weiter , allerdings geht der footer jetzt wenn ich "bottom:0px;" angebe nur bis ans ende vom bildschirmrand , jedoch aber nicht ans ende der seite , warum?

  • Hallo, vl. funktioniert es wenn du

    Code
    margin-bottom: 0;
    padding: 0;

    angibst.

    und ein Schreibfehler in Zeile 331

    Code
    style="width:900px;[COLOR=#ff0000] [/COLOR]height:60px[COLOR=#ff0000];[/COLOR]"

    Ich würde an deiner Stelle die Tabellen im Footer durch Überdivs ersetzen. Laden schneller, sind Browserfreundlicher und viele Probleme wie diese entstehen erst gar nicht ;) .

    Einmal editiert, zuletzt von Der kleine Frosch (20. März 2013 um 15:15)

  • Was meinst du mit über divs? wie schreib ich die ?

    Jetzt ist der footer wieder verschwunden , aber warum?

  • Mmmh sorry, ich rede mich da in etwas rein. Vergiss die "Überdiv's", bessere lieber mal deine Html-Schreibfehler aus.

    Schreibfehler:

    Code
    Zeile 376: 
    <td width="225[COLOR=#ff0000]px[/COLOR]" valign="top">
    Zeile 320: <table align="center" border="0" cellpadding="0" cellspacing="0" style="width:900px;[COLOR=#ff0000]LEERZEICHEN[/COLOR]height:60px[COLOR=#ff0000];[/COLOR]">

    2 Mal editiert, zuletzt von Der kleine Frosch (20. März 2013 um 15:32)

  • Lol, jep ich habe die ganze Zeit schon den gleichen Quelltext.

    Ein anderer Tipp: Öffne deine Seite mit Firefox, klicke mit der rechten Maustaste in die Seite, dann "Seitenquelltext anzeigen".

    Die rot markierten Codezeilen besserst du aus und dann versuchst du es noch mal.

  • Ein paar rote Stellen sehe ich da noch (und es schadet auch nicht wenn du meinen Quelltext von weiter oben anwendest ;) . Hier die offizielle Seite zum nachschlagen: http://www.w3schools.com/tags/att_td_width.asp)


    Vl. willst du dir ja am Ende von Elementen, Html Kommentare schreiben, welches Element an der Stelle geschlossen wird. Das kann ziemlich zur Orientierung im Quelltext beitragen.

    Bsp.:

    Code
    <div id="footer">
    <p>Fließtext</p>
    </div><!-- Hier endet der Footer -->

    Ungeduld und Fehler im Quelltext suchen, passen einfach nicht zusammen ;) Lieber einen Gang runterschalten und alles von Anfang an sauber beschriften.

  • Du musst das ganze anders aufbauen.

    Steck deine Divs "rightbar" und "leftbar" in einen Div.

    Code
    <div id="page">
      <div id="leftbar"></div>  
      <div id="rightbar"></div>
      <br style="clear:both;" />
    </div>
    <div id="footer"></div>
    ...

    Leftbar und rightbar gibst du per CSS float:left;.
    Das position:absolute kann raus.

    Einmal editiert, zuletzt von Cr4nK (21. März 2013 um 20:09)

  • Hier die offizielle Seite zum nachschlagen: http://www.w3schools.com/tags/att_td_width.asp

    Bitte vergiss diese Seite so schnell wie möglich, besuche sie nicht mehr und empfehle sie auch nicht weiter, ganz besonders nicht als "offizielle" Seite.
    w3schools.com hat NICHTS mit dem W3C zu tun (sie wurden vom W3C schon vor Jahren gebeten das ganz klar hervorzuheben und haben es nicht getan) und veröffentlichen immer wieder mal falsche und/oder irreführende Infos.
    Siehe auch http://w3fools.com

    "Programming today is a race between software engineers
    striving to build bigger and better idiot-proof programs,
    and the universe trying to build bigger and better idiots.
    So far, the universe is winning."
    Rick Cook