Ankündigung

Einklappen
Keine Ankündigung bisher.

[Erledigt] Container "verlängern"

Einklappen

Neue Werbung 2019

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

  • [Erledigt] Container "verlängern"

    Hi!

    Ich habe angefangen meine Hp mit CSS zu gestalten. Natürlich möchte ich das Design der "Tabellenvorlage" beibehalten. Jetzt habe ich allerdings ein Problem:

    Auf http://sts.name ...

    ...werden die seitlichen Menüs automatisch bis zur untersten Zeile verlängert und auch weitergezogen, wenn ich eine Inhaltsseite aufrufe. Is ja klar, sind ja auch Spalten einer Tabelle.

    Bei meiner CSS Version auf http://ww8755.rw08.de/hola/2index.php ...

    ...dagegen werden die Menücontainer nicht verlängert. Is ja auch wiederrum klar, da ich ja keine Höhe definiert habe und sich die Höhe der Container nach dem Inhalt richtet.

    Ok, soweit so gut, wie krieg ich das jetzt hin, dass ich den selben Effekt wie bei einer Tabelle erziele, dass die Seitenmenüs automatisch mit der Höhe der Inhaltsseite konform gehen ?

    Gruß Xabbu

    PS: Momentan stelle ich nur die index.php auf CSS um, der Inhalt wird nach wie vor mit Tabellen dargestellt, innerhalb eines Containers natürlich.

    PPS: der Inhalt der style.css

    Code:
    body
    {
    background-image:url("");
    background-repeat:no-repeat;
    background-attachment:fixed;
    margin-top:0pt;
    margin-bottom:0pt;
    margin-left:0pt;
    margin-right:0pt;
    background-color:#ffffff;
    font-color:#000000
    }
    
    
    a{text-decoration:none;
    color:#000000 } 
    
    .normal {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000}
    
    .groß {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000}
    
    .klein {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000}
    
    .ganzklein {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000}
    
    .ganzganzklein {  font-family: Verdana; font-size: 9px; font-style: normal; line-height: normal; font-weight: 100; font-variant: normal; color: #000000}
    
    .toptop {  font-family: "Courier New"; font-size: 10px; font-weight: normal; color: #cccccc}
    
    
    
    #links {
    width:115;
    line-height:30px;
    float:left;
    padding:3px;
    background-image: url(http://ww8755.rw08.de/hola/back.gif);
    border-left-style:dashed;
    border-left-width:thin;
    border-right-style:dashed;
    border-right-width:thin;
    border-color:#c9c9c9;
    clear:right;
    }
    
    #rechts {
    width:115;
    float:right;
    padding:3px;
    background-image: url(http://ww8755.rw08.de/hola/back.gif);
    border-left-style:dashed;
    border-left-width:thin;
    border-right-style:dashed;
    border-right-width:thin;
    border-color:#c9c9c9;
    }
    
    #inhalt {
    float:justify;
    width:562;
    margin:10;
    }
    
    
    #titel {
    height:105px;
    width:818px;
    border-style:dashed;
    border-width:thin;
    border-color:#c9c9c9;
    }
    
    #titeloben {
    height:43px;
    width:820px;
    padding:0px;
    background-image: url(http://ww8755.rw08.de/hola/top.gif);
    }
    
    #titelunten {
    height:43px;
    width:820px;
    padding:0px;
    background-image: url(http://ww8755.rw08.de/hola/bottom.gif);
    border-top-style:dashed;
    border-top-width:thin;
    border-top-color:#c9c9c9;
    }
    
    #spec {
    border-style:solid;
    border-width:thin;
    border-color:#c9c9c9;
    background-color:#ffffff;
    width:105px;
    float:center;
    padding:0px;
    margin:3px 3px 3px 3px;
    }

  • #2
    height: 100%
    mfg Floh

    Programmers don't die, they GOSUB without RETURN

    Kommentar


    • #3
      funktioniert leider nicht, die menüs werden zwar nach unten hin verlängert, sie "schießen" aber übers "Ziel hinaus". D. h. sie fließen über das untere Menü hinweg (bei Mozilla), bei IE gibt es gar keine Veränderung.

      Kommentar

      Lädt...
      X