CSS-Frage

Dieses Thema im Forum "Web Page Design" wurde erstellt von cym, 03.09.2005.

  1. cym

    cym Thread Starter MacUser Mitglied

    Beiträge:
    1.349
    Zustimmungen:
    9
    MacUser seit:
    03.05.2004
    Guten Tag

    Ich möchte folgendes Layout mit div-boxen gestalten:

    Wie mache ich das mit den Boxen, dass sie 100% breit sind und (Box 1 und 3) sich die Höhe demm Browserfenster anpasst (je nach Skalierung)?

    Vielen Dank! :)
     

    Anhänge:

    Zuletzt bearbeitet: 03.09.2005
  2. lindic

    lindic MacUser Mitglied

    Beiträge:
    197
    Zustimmungen:
    5
    MacUser seit:
    20.11.2004
    Schau mal hier, das Beispiel ist ähnlich und kann man ja leicht anpassen.
     
  3. odif

    odif MacUser Mitglied

    Beiträge:
    413
    Zustimmungen:
    1
    MacUser seit:
    14.07.2005
    Ich meine, dass das möglich ist, indem du bei Box1 und 3 als Höhe "1*" angibst. Ich bin mir aber nichts sicher, da ich schon lönger nichts mehr mi html und css gemacht habe.
     
  4. cym

    cym Thread Starter MacUser Mitglied

    Beiträge:
    1.349
    Zustimmungen:
    9
    MacUser seit:
    03.05.2004
    Danke! Ich probiere mal das Beispiel meinen Vorstellungen anzupassen.

    Gruss,
    cym :)
     
  5. simusch

    simusch MacUser Mitglied

    Beiträge:
    2.226
    Zustimmungen:
    187
    MacUser seit:
    27.09.2004
    möchtest du so erreichen, dass der dunkle balken stehts eingemittet ist?

    geht einfacher:

    wenn der dunkelgraue Balken 250px hoch sein soll:

    Code:
    .box2 {
        height:250px;
        width:100%;
    
        position:absolute;
        top:50%;
        margin-top:-125px;
        left:0px;
    }
    
    durch top:50%; wird der Balken in der Mitte gehalten, durch margin-top:-125px; wird er um die halbe Höhe wieder nach oben geschoben... funktioniert Prima, um Seiten Absolut einzumitten ohne grosse Tabellenbastelei... :)
     
  6. cym

    cym Thread Starter MacUser Mitglied

    Beiträge:
    1.349
    Zustimmungen:
    9
    MacUser seit:
    03.05.2004
    Hoi!
    Danke! Das geht ja ganz fix. Ich liebe CSS! :)
     
Die Seite wird geladen...

Diese Seite empfehlen