Dan_: Dynamische vertikale Linie

Hallo!

Ich habe zwischen meiner vertikalen Navigation und dem Content eine vertikale Linie

#vnav {
 width: 200px;
 height: 550px;
 ...
 border-right: 1px dotted #aaa;
 }

Diese Linie soll aber keine feste Größe haben, sondern mit dem Content "mitfließen". Hat jemand eine Idee?

Daniel

  1. hi,

    Diese Linie soll aber keine feste Größe haben, sondern mit dem Content "mitfließen". Hat jemand eine Idee?

    Idee: Beschreibe dein Problem ausführlicher.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Idee: Beschreibe dein Problem ausführlicher.

      So wie ich es jetzt gemacht habe, ist die Navigation 550px hoch und demzufolge die Linie an der rechten Seite als Abgrenzung zum Content auch. Wenn nun mehr Inhalte kommen und sich die Seite nach unten "ausdehnt", bleibt die Linie natürlich nur 550px hoch. Gefällt mir vom Layout her nicht.

      Nun könnt ich die Linie ja auch links im Content unterbringen:

      #main {
       background: url(img/kont.png) no-repeat 100% 0 white;
       padding: 0 20px 0 260px;
       ...
       border-left: 1px dotted #aaa;
      }

      Dann klebt die Linie aber ganz links (noch links von der Navi).

      Hoffe, das war verständlicher.

      Daniel

      1. Salaam!

        Wie wäre es denn, dem Content eine margin-left zu geben, die genauso breit ist wie die Navi? Dann ist auch seine border-left da, wo Du sie haben willst. Oder geht das nicht, weil der z.B. Hintergrund des Contents bis ganz links reichen muß?

        Viele Grüße vom Længlich

        1. Oder geht das nicht, weil der z.B. Hintergrund des Contents bis »»ganz links reichen muß?

          genau so ist es.

          1. hi,

            Oder geht das nicht, weil der z.B. Hintergrund des Contents bis »»ganz links reichen muß?

            genau so ist es.

            Dann packe halt einen weiteren Container hinein, der margin-left und border-left bekommt ...

            gruß,
            wahsaga

            --
            /voodoo.css:
            #GeorgeWBush { position:absolute; bottom:-6ft; }
  2. Hallo!

    Ich habe zwischen meiner vertikalen Navigation und dem Content eine vertikale Linie

    #vnav {
    width: 200px;
    height: 550px;
    ...
    border-right: 1px dotted #aaa;
    }

    Diese Linie soll aber keine feste Größe haben, sondern mit dem Content "mitfließen". Hat jemand eine Idee?

    Daniel

    Hast du schon mit filter ausprobiert? hilft zwar nicht bei der größe aber bei dem fließ effekt.