fastix®: 3 spalten layout Anpassung

Beitrag lesen

Moin!

gibt es eine Anleitung wie man das anpasst?

Ups. Du hattest im Urbeitrag geschrieben, es gehe Dir darum, Anregungen zu bekommen.

Also: schauen wir uns mal Deinen mittleren Frame an:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
...

<div id="inhalt">
  Plapla...
</div>
...

CSS:

#inhalt {
position: absolute;
  top: 150 px;
  left: 25%;
  right:25%;
  bottom:0px;
  /*
    Das stört jetzt:
    height: 100%;

Der Rest ist Stuff von Dir:
  */
  overflow: auto;
  overflow-x: hidden;
  text-align:justify;
  background-color: #4A6DA5;
  border-left-width:5px;
  border-left-color:#F7BD21;
  border-left-style:solid;
  border-right-width:5px;
  border-right-color:#F7BD21;
  border-right-style:solid;
  border-top-width:5px;
  border-top-color:#F7BD21;
  border-top-style:solid;
}

JavaScript:

function aufbau() {
    if (document.all) {
     hoehe  = document.body.offsetHeight;
     breite = document.body.offsetWidth;
     /*
       Du hast doch diese Elemente gar nicht...
       document.getElementById('header').style.width=(breite-14)+"px";
       document.getElementById('top_menue').style.width=(breite-14-150)+"px";
     */
     /*
       An der Breite brauchst Du hier nichts machen...
       document.getElementById('inhalt').style.width=(breite-14-180)+"px";
       Wenn überhaupt, ich kann gerade nicht schauen, was die IE's so treiben:
       document.getElementById('inhalt').style.width=(math.round(breite/2))+"px";
       (Schau nach, ob math round so funktioniert...)
     /*

document.getElementById('inhalt').style.height=(hoehe-150)+"px";

/* Der IE mag meines Wissens im CSS keine Hoehenangaben, sonst wäre das nicht notwendig. Probiere das aber mal, du verwendest schleißlich HTML 4.01 Strict, ich hatte transitional*/

/*
      Dieses auch nicht, Du hast kein Element mit der ID 'menue_links':
      newhight=((document.getElementById('inhalt').style.height.replace("px","")*1)+40)+"px";
      document.getElementById('menue_links').style.height=newhight ;
    */
    }
}

Eigentlich brauchst Du also nur:
function aufbau() {
  if (document.all) {
    document.getElementById('inhalt').style.height=(document.body.offsetHeight-150)+"px";
    /* (Passe aber die 150 Pixel an.) */
  }
}

Das ist blind geschrieben und ungetestet: Es kann Fehler enthalten.

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix®

--
Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Development. Auch  für seriöse Agenturen.