<div> container positionieren und scrollbar

[seelefant]

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

 

[dkdenz]

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

 

[seelefant]

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!

 

[dkdenz]

Du kannst das alles auch mit Prozentangaben machen...

 

[seelefant]

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

#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

 

[planet4]

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.

 

[seelefant]

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

 

[planet4]

nee, nee, bei absolut geht es.

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

so geht's:

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

planet4.

 

[seelefant]

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