3 zeilen layout

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • 3 zeilen layout

    guten abend guten tag

    ich würde gerne ein 3 zeilen layout realisieren
    wobei die oberste sowie die unterste zeile
    eine fixe höhe haben und die höhe des mittleren
    bereiches sich anpassen sollte.
    die breite sollte 100% sein.
    mit position:fixed würde das ganze recht locker gehen
    nur gibt es den IE6 der das nicht kennt und mir das leben
    zu hölle macht.
    es gibt viele hacks da draussen..
    aber ich scheine zu blöd zu sein um das hinzukriegen
    2 position:fixed bereiche einzubauen anstatt einem
    wozu es soviele beispiele gibt..

    hat vielleicht jemand eine idee bzw schon eine fertige lösung?
    ich wäre demjenigen sehr dankbar..

    hier ein kleines beispiel wie es css mässig aussehen sollte
    PHP-Code:
    .obenposition:fixedtop:0pxleft:0pxheight:95pxwidth:100%; }
    .
    mittepadding-top:95pxpadding-bottom:70pxheight:100%; width:100%; overflow:auto;}
    .
    untenposition:fixedbottom:0pxleft:0pxheight:70pxwidth:100%; } 
    und das ganze wahrscheinlich so verwenden:
    PHP-Code:
    <div class="mitte">
    <
    div class="oben">oben eben </div>
    und hier fängt shcond ie mitte an
    <div class="unten">unten eben</div>
    </
    div

  • #2
    und warum nicht:
    <div id="oben">
    <div id="mitte">
    <div id="unten">

    Kommentar


    • #3
      warum schon =)?

      sollte beides dasselbe sein..
      die reihenfolge sollts nicht ausmachen
      obs wirklich den beabsichtigten effekt ist wieder was andres
      jedenfalsl gehts nicht..
      weder IE noch FF..
      Zuletzt geändert von neverknown; 15.02.2006, 18:14.

      Kommentar


      • #4
        http://www.alistapart.com/articles/footers könnte dir dabei helfen

        Kommentar


        • #5
          tut mir leid aber ich schaff das einfach nicht...
          ichschein einfach unfähig zu sein..

          trozdem danke für den link
          hab das eh schon mal ausprobiert..

          Kommentar


          • #6
            ich denke, wenn du alle treffer bei google auf der 1. seite durchhast, die du mit "3 column layout css" findest, dann schaffst du es

            Kommentar

            Lädt...
            X