<div> als footer

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • <div> als footer

    moin moin,

    ich hab mal wieder ne frage.
    Ich hab ein Layout in div-Layer gepackt. Nun will ich einen footer formatieren.

    momentan siehts so aus:

    Quellcode

    1. #links{
    2. left:0px;
    3. text-align:center;
    4. background-color:#F7F7F7;
    5. margin-top:-12px;
    6. margin-bottom:20px;
    7. border-right:1px solid #000000;
    8. min-height:700px;
    9. height:700px;
    10. width:170px;
    11. background-image:url('bilder/schrift.gif');
    12. background-repeat:no-repeat;
    13. float:left;
    14. }
    16. #inhalt{
    17. position:absolute;
    18. margin:auto;
    19. left:171px;
    20. right:171px;
    21. color:#000000;
    22. padding-top:30px;
    23. text-align:center;
    24. float:left;
    25. }
    27. #rechts{
    28. right:0px;
    29. text-align:center;
    30. background-color:#F7F7F7;
    31. margin-top:-12px;
    32. margin-bottom:20px;
    33. border-left:1px solid #000000;
    34. min-height:700px;
    35. height:700px;
    36. width:170px;
    37. float:right;
    38. }
    40. #unten{
    41. position:absolute;
    42. padding:0px;
    43. margin:0px;
    44. bottom:-22px;
    45. width:100%;
    46. border-top:1px solid #000000;
    47. }
    Alles anzeigen



    naja das erzeugt ein weniger befriedigendes Ergebnis.
    Das Problem ist, dass es im IE falsch angezeigt wird, und dass sich die Position nicht vom Rand (also vom body) abhängig macht sondern vom div davor vererbt wird.
    Das ist doof, weil somit bei zusätzlichem Inhalt der footer nicht "mitgeht"

    ich hoffe ihr versteht was ich meine.

    Danke im Voraus.

    cya

  • um missverständnissen vorzubeugen:
    hier ist div2 gegenüber div1 [/b]untergeordnet

    Quellcode

    1. <div name="div1">
    3. <div name="div2">
    4. </div>
    5. </div>


    hier wiederum ist div2 einfach nur [b]unter     dem div1

    Quellcode

    1. <div name="div1">
    2. </div>
    3. <div name="div2">
    4. </div>


    falls du zu keiner lösung kommst, poste einfach mal den zugehörigen html code. vielleicht finden wir dann eine lösung
    btw: hast du die seite mit anderen browsern getestet?