Siechfred: Rand um ein <div>-Element

Guten Abend,

ich versuche gerade, in meiner Heimseite die Tabellen durch div's zu ersetzen. Nun würde ich gerne einen Rand um das linke div haben wollen. Das ganze soll so aussehen:

+------------+
|+----------+|
||linkes div||
|+----------+|
+------------+

Klappt auch, wenn der Inhalt genau ins Anzeigefenster passt. Wenn nicht, reicht der Platz nicht aus und das div wird nach unten gedehnt. Dann habe ich allerdings unten keinen Abstand zwischen div und unterem Rand des Browserfensters mehr. Das ganze sieht dann so aus http://www.siechfreds-welt.de/index2.shtml. Wie bekomme ich den Rand unten hin?

mfg Torsten

PS: CSS-Datei: http://www.siechfreds-welt.de/format2.css, Klasse leftbox.

--
Opinions are like assholes: everybody has one.
ss:| zu:| ls:# fo:| de:[ va:| ch:? n4:& rl:? br:& js:| ie:% fl:( mo:}
  1. Hi,

    Klappt auch, wenn der Inhalt genau ins Anzeigefenster passt. Wenn nicht, reicht der Platz nicht aus und das div wird nach unten gedehnt. Dann habe ich allerdings unten keinen Abstand zwischen div und unterem Rand des Browserfensters mehr. Das ganze sieht dann so aus http://www.siechfreds-welt.de/index2.shtml. Wie bekomme ich den Rand unten hin?
    PS: CSS-Datei: http://www.siechfreds-welt.de/format2.css, Klasse leftbox.

    Schon mit margin in der .leftbox probiert?

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
    1. N'abend,

      Schon mit margin in der .leftbox probiert?

      Ja, hilft aber nix, weder im body-Abschnitt noch bei leftbox.

      mfg Torsten

      --
      Opinions are like assholes: everybody has one.
      ss:| zu:| ls:# fo:| de:[ va:| ch:? n4:& rl:? br:& js:| ie:% fl:( mo:}
      1. hi,

        Schon mit margin in der .leftbox probiert?

        Ja, hilft aber nix, weder im body-Abschnitt noch bei leftbox.

        und padding für den äusseren container?

        gruss,
        wahsaga

  2. Hi,

    [link:http://www.siechfreds-welt.de/index2.shtml

    Die Navigation ist übrigens völlig verrutscht, in die Mitte! Im IE 6, Win XP.

    Mozilla klappts, da ist sie rechts.

    Und IE kennt position:fixed nicht.

    Christian

    1. Hallo,

      Und IE kennt position:fixed nicht.

      Deswegen muss man auch einen Hack anwenden, damit der IE zumindest alles als position:absolute darstellen kann:
      zB
      #idzuweisung {position:absolute; top:..... }
      /* Die folgende Angabe wird von position:fixed unfähigen Browsern ignoriert */
      #idzuweisung[id] {position:fixed}

      Ich weis zwar nicht warum das funktioniert, aber es tut es. Im IE scrollt das Menu eben mit, anstatt das es fix positioniert ist.

      $xNeTworKx.

      --
      Mit Computern lösen wir Probleme, die wir ohne sie gar nicht hätten.
      1. Hi,

        /* Die folgende Angabe wird von position:fixed unfähigen Browsern ignoriert */

        Nein. Die folgende Angabe wird von den Browsern ignoriert, die diese Form des Attributselektors ([attributname]) nicht verstehen.

        #idzuweisung[id] {position:fixed}

        Ich weis zwar nicht warum das funktioniert, aber es tut es. Im IE scrollt das Menu eben mit, anstatt das es fix positioniert ist.

        Weil der IE diese Form des Attributselektors  nicht versteht.
        Für Browser, die sie verstehen, ist sie spezifischer und überlagert damit die erste Anweisung.

        cu,
        Andreas

        --
        Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
        http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
        1. Hi,

          /* Die folgende Angabe wird von position:fixed unfähigen Browsern ignoriert */

          Nein. Die folgende Angabe wird von den Browsern ignoriert, die diese Form des Attributselektors ([attributname]) nicht verstehen.

          #idzuweisung[id] {position:fixed}

          Ich weis zwar nicht warum das funktioniert, aber es tut es. Im IE scrollt das Menu eben mit, anstatt das es fix positioniert ist.

          Weil der IE diese Form des Attributselektors  nicht versteht.
          Für Browser, die sie verstehen, ist sie spezifischer und überlagert damit die erste Anweisung.

          cu,
          Andreas

          »»

          Hi,

          alles sehr richtig! Aber d.h. ja das der IE position:absolute zuweisen würde, da er IMHO Attributselektoren nicht kennt.
          absolute hieße aber, das er nicht fix wäre! Und dennoch sollte es fix sein, laut $xNeTworKx???
          Kann ich mir nicht vorstellen.

          Gruß
          Christian

          1. Hi,

            absolute hieße aber, das er nicht fix wäre! Und dennoch sollte es fix sein, laut $xNeTworKx???

            Sorry, ich habe den Beitrag von $xNeTworKx missverstanden!

            Christian

    2. N'abend,

      Die Navigation ist übrigens völlig verrutscht, in die Mitte! Im IE 6, Win XP.

      Habe ich gerade korrigiert, sie steht im IE 6 links und bleibt bei Opera und Mozilla stehen. Aber einen Rand unten habe ich immer noch nicht :(

      mfg Torsten

      --
      Opinions are like assholes: everybody has one.
      ss:| zu:| ls:# fo:| de:[ va:| ch:? n4:& rl:? br:& js:| ie:% fl:( mo:}
  3. Guten Abend,

    Ich hab's aufgegeben und jetzt so gemacht: http://www.siechfreds-welt.de/index2.shtml. Falls doch noch jemand eine Idee hat ...

    mfg Torsten

    --
    Opinions are like assholes: everybody has one.
    ss:| zu:| ls:# fo:| de:[ va:| ch:? n4:& rl:? br:& js:| ie:% fl:( mo:}
    1. Hi,

      Falls doch noch jemand eine Idee hat ...

      Du hast zwear nicht wirklich danach gefragt, aber trotzdem:
      Du verwendest in Deinen Stylesheets relativ viele "font-size:1.0em" Angaben. Diese sind (z.B. beim <body>) nicht nur unnötig, nein sie bringen sogar Probleme mit sich:

      Der IE (in diesem Fall Version 5.0) hat die Eigenart, Schriftgrössenangaben auch bei 100%/1em zu potentieren, will heissen: Verändere ich beim IE die Schriftgrösse, verändert er sie nicht nur einmal, sondern für jede "1em"-Angabe einmal. Hier ein paar Screenshots (leider als *.bmp, ich hab grad garkein Graphik-Programm greifbar weil Fremdcomputer):

      Schriftgrad "sehr gross" (329kb):
      http://www.your-boredom.de/trash/siechfried/sehrgross.bmp

      Schriftgrad "grösser" (325kb):
      http://www.your-boredom.de/trash/siechfried/groesser.bmp

      Schriftgrad "mittel" (212kb):
      http://www.your-boredom.de/trash/siechfried/mittel.bmp

      Schriftgrad "kleiner" (302kb):
      http://www.your-boredom.de/trash/siechfried/kleiner.bmp

      Schriftgrad "sehr klein" (196kb):
      http://www.your-boredom.de/trash/siechfried/sehrklein.bmp

      Da man ausser "mittel" (also die Standard-einstellung) nix vernünftig lesen kann, schlage ich Dir eine andere Lösung vor. so viele "1em" wie Möglich weglassen, oder vielleicht doch die bösen[tm] px-Angaben?

      Wie auch immer,
      schö
      stefan

      1. Guten Tag,

        Da man ausser "mittel" (also die Standard-einstellung) nix vernünftig lesen kann, schlage ich Dir eine andere Lösung vor. so viele "1em" wie Möglich weglassen, oder vielleicht doch die bösen[tm] px-Angaben?

        Danke dir für die Mühe, aber ich dachte immer, dass "pt" böse sei. Anyway, ich werde es heute nacht zu Hause probieren.

        mfg Torsten

        1. Hallo,

          Danke dir für die Mühe, aber ich dachte immer, dass "pt" böse sei.

          "pt" ist nur für die Druckerausgabe geeignet. Bei der Bildschirmausgabe kann es starke Grössenabweichungen geben.

          "px" ist böse[tm], weil es eine Pixelgenaue Angabe ist und nicht skaliert werden kann. Naja, Mozilla und Opera skalieren es (zum Glück) trotzdem, aber ein Browser der dies nicht tut (wie der IE) handelt in diesem Fall nicht falsch.

          Meistens emfiehlt es IMHO sich jedoch bei Fliesstexten, ohne jede Grössenangabe zu arbeiten.

          schö
          stefan