Ergebnis 1 bis 9 von 9
  1. #1
    seelefant ist offline Grünschnabel
    registriert
    29-01-2006
    Beiträge
    6

    <div> container positionieren und scrollbar

    Hallo zusammen!

    Jetzt habe ich alle guten Ratschläge befolgt und viel gelesen und drauf los gebastelt. Aber nun habe ich ein paar Fragen, für die ich nirgends eine Antwort finde:

    Kann ich einen container mit float:bottom oder top absolut positioniern? (Bei mir verrutscht immer alles) Besser gesagt, wie positioniere ich meine Container so, wie ich das früher mit Table-tags gemacht habe?

    Kann ich einen Container scrollbar machen ohne, dass ich über die ganze Seite einen Scroll-Balken bekomme?

    Ich bin sehr dankbar für Unterstützung!

    Liebe Grüße

    Seelefant

  2. #2
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: <div> container positionieren und scrollbar

    Scrollen:
    Dem div eine feste Höhe geben und dann overflow:auto schreiben.
    Positionieren:
    position:absolute;top:10px;left:10px;

  3. #3
    seelefant ist offline Grünschnabel
    registriert
    29-01-2006
    Beiträge
    6

    AW: <div> container positionieren und scrollbar

    Ich danke Dir, werde es gleich ausprobieren - passt das dann noch zu skalierbaren Layout oder muss ich das gesamte Layout in fester Breite und Höhe machen?

    Danke schon mal!! Liebe Grüße Seelefant

    PS: das mit dem scrollbalken hat leider nicht geklappt!
    Geändert von seelefant (26-03-2006 um 18:57 Uhr)

  4. #4
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: <div> container positionieren und scrollbar

    Du kannst das alles auch mit Prozentangaben machen...

  5. #5
    seelefant ist offline Grünschnabel
    registriert
    29-01-2006
    Beiträge
    6

    AW: <div> container positionieren und scrollbar

    Hallo dkdenz,

    danke erst mal. Das mit dem Positionieren klappt bei der Kopfzeile, dem Inhalt und der Navigation. Aber die Fußzeile will nicht dorthin,wo ich sie haben will. Das mit dem Scroll-Balken habe ich auch hinbekommen (habe die Container-Höhe verkürzt auf 300px) , es hatte nicht geklappt, weil die Fußzeile sich einbildet unbedingt an oberster Stelle stehen zu müssen. Ich rede ihr nun schon seit Stunden gut zu - aber . . . (ich habe es mit position:absolute, static und relative versucht - alles nix

    Code:
    #kopf {
    width:100%;
    margin:0px;
    height:250px
    background-image:"modix-datadir/titel.jpg";
    position:absolute;top:0px;right:0px;
    } 
    
    #navi {
    margin:0px;
    width:20%;
    background-color:#ffee99;
    position:absolute;top:250px;left:10px;
    }
    
    #inhalt {
    width:80%;
    height:325px
    margin:0px
    background-color:#ffcd00; 
    overflow:auto; 
    position:absolute;top:250px;right:10px;
    }
    
    #fuss {
    margin:0px;
    height:25px;
    width:100%
    background-color:#ccdd00; 
    position:relative;
    }
    Bitte um Hilfe!!! Und herzlichen Dank derweil!
    Liebe Grüße Seelefant
    Geändert von dkdenz (26-03-2006 um 21:57 Uhr) Grund: Code-Tags hinzugefügt...

  6. #6
    Avatar von planet4
    planet4 ist offline Kaiser
    registriert
    06-06-2002
    Ort
    Regensburg
    Beiträge
    1.417

    AW: <div> container positionieren und scrollbar

    hallo,

    warum positionierst du deinen Fuss-Container relativ?
    zuvor hast du drei absolut positionierte Elemente, diese sind aus der normalen Reihenfolge
    herausgelöst, das ist bei absoluten so, sie haben keinen Einfluss auf nachfolgende Elemente,
    in diesem Fall dein Fuss-Container. da erscheint es mir logisch, dass dein Fuss-Container nicht
    unter ihnen, sondern oben erscheint...

    planet4.

  7. #7
    seelefant ist offline Grünschnabel
    registriert
    29-01-2006
    Beiträge
    6

    AW: <div> container positionieren und scrollbar

    Hi planet, bei absolute macht die Kleine das aber auch. Hatte position:absolute;550px;right:10px;

    Sie blieb gnadenlos oben!

    Was mache ich hier falsch???

    Danke für die Antwort!

    Liebe Grüße Seelefant

  8. #8
    Avatar von planet4
    planet4 ist offline Kaiser
    registriert
    06-06-2002
    Ort
    Regensburg
    Beiträge
    1.417

    AW: <div> container positionieren und scrollbar

    nee, nee, bei absolut geht es.

    vielleicht liegt es nur daran, dass du in deinem Stylesheet ein paar Semikolon vergessen hast?

    so geht's:

    HTML-Code:
    #fuss {
    margin:0px;
    height:25px;
    width:100%;
    background-color:#ccdd00;
    position:absolute;
    top: 580px;
    left: 0px;
    }
    planet4.

  9. #9
    seelefant ist offline Grünschnabel
    registriert
    29-01-2006
    Beiträge
    6

    AW: <div> container positionieren und scrollbar

    Vielen lieben Dank planet! Es klappt tatsächlich. Ich werde die ; in Zukunft besser erziehen, diese Schlingel!

    Jetzt kann ich getrost erst einmal weiter tüfteln und lernen.

    Bis zum nächsten Mal und nochmal danke für die rasche Hilfe

    Liebe Grüße Seelefant

Ähnliche Themen

  1. wie erzeuge ich eine ständige Scrollbar?
    Von dirk007 im Forum Allgemeines
    Antworten: 5
    Letzter Beitrag: 13-02-2006, 14:49
  2. Test ob Scrollbar angezeigt wird oder nicht?
    Von chrisLE im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 16-12-2005, 16:48
  3. Antworten: 1
    Letzter Beitrag: 22-09-2003, 01:13
  4. mehrere container in einer html ?
    Von rebeliia im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 02-05-2002, 21:31

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •