rand zum browserfenster unten

[fab]

hallo forum

wie is es möglich immer unten einen fest definierten absrand zum browserfenster zu haben

bisher habe ich es mit margin-bottom versucht und padding-bottom, das geht auch
nur wenn das fesnster kleiner gezogen wird läuft der inhalt über den rand unten raus und nur die hintergrundfarbe hält sich an meinen abstand

grüsse
fabs

[EKKi]

Mahlzeit fab,

wie is es möglich immer unten einen fest definierten absrand zum browserfenster zu haben

Indem Du das gewünschte Element <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position@title=entsprechend positionierst>.

MfG,
EKKi

[fab]

hallo ekki

das mit dem positionieren ist mir nach niht ganz klar

bei position:static geht es gut
nur bei absolute nicht, der inhalt rutscht wieder aus der farbigen fläche,
wenn ich das fenster verkleinere

[EKKi]

Mahlzeit fab,

das mit dem positionieren ist mir nach niht ganz klar

Was genau hast Du an dem verlinkten Abschnitt von SELFHTML und dem dort befindlichen Beispiel nicht verstanden?

bei position:static geht es gut

Definiere "geht es gut"! "static" ist der Default-Wert der position-Eigenschaft.

nur bei absolute nicht, der inhalt rutscht wieder aus der farbigen fläche,
wenn ich das fenster verkleinere

Was verstehst Du unter "rutscht aus der [...] Fläche"? Zeige ein *valides* Online-Beispiel oder ersatzweise ebenso validen Beispiel-Code.

MfG,
EKKi

[fab]

hallo

sorry das ist wohl zu ungenau gewesen

ich habe einen div den ich zum positionieren mehrer andere inhalte benutze,
also sind die inhalte in den einem div

mein problem ist dass wenn dir inhalte länger als das brpwserfenster hoch
werden laufen die inhalte bis zum untersten rand.

um unten einen rand von 50px zu bekommen hatte ich probiert mit
padding-bottom:50px und margin-bottom:50px einen inneren rand zu
bekommen der nur die hintergrundfarbe zeigt, das problem ist der
inhalt läuft nach unten über den rand aus

das soll wie bei http://hobbyshop.monospaced.org/index.php?t=0 aussehen,
links der inhalt hat nach unten immer einen weissen rand

reicht das?

[EKKi]

Mahlzeit fab,

das soll wie bei http://hobbyshop.monospaced.org/index.php?t=0 aussehen,
links der inhalt hat nach unten immer einen weissen rand

Zuerst einmal solltest Du - wie bereits angemerkt - Deinen HTML-Code validieren:

"29 Errors" sind genau 29 zu viel.

reicht das?

Nein. Beseitige zunächst die strukturellen Probleme.

MfG,
EKKi

[Beat]

wie is es möglich immer unten einen fest definierten absrand zum browserfenster zu haben
bisher habe ich es mit margin-bottom versucht und padding-bottom, das geht auch
nur wenn das fesnster kleiner gezogen wird läuft der inhalt über den rand unten raus und nur die hintergrundfarbe hält sich an meinen abstand.

Die Beantwortung deiner Frage benötigt zu viele Annahmen über den vorliegenden Code und sein CSS.

Du willst zuerst das Verhältnis zwischen Content und Content-Box klären, indem du die Eigenschaft overflow geeignet beschreibst.

mfg Beat

[fab]

hallo beat

bei overflow:hidden geht es mit dem abstand, nur kann ich nicht scrollen,
ist klar
und bei overflow:scroll kommen die scrollbalken direkt um den div und besser
wäre nur den scollbalken am fensterrand standartmässig zu haben

was lass ich ausser acht
das mir unklare ist dass bei position:relative alles klapt nur bei
absolute, was ich brauche nicht

[Beat]

was lass ich ausser acht

Glaskugel sagt:
position:absolut macht noobs kaputt.

mfg Beat

[fab]

wenn das alles zu undeutlich ist
hier die seite mit dem problem:
http://bohnenpfluecker.de/duo/deutsch/vita.html
der text und die bilder bekommen unten keinen rand

besser geht es hier
http://hobbyshop.monospaced.org/index.php?t=0
im inhalte bereich links, da bleibt nten ein schöner 20ps rand

was tun sprach zeuss?

[Beat]

http://bohnenpfluecker.de/duo/deutsch/vita.html

Verzichte auf position:absolute;
floate das Bild des Duos links.
dem Textcontent kannst du mit overflow:hidden einen Blockformating Kontext verleihen.

im übrigen: entferne font Elemente und unnötige <brrrrrrrr>s

mfg Beat

[fab]

hi

das problem ist ja nicht nur auf der einen seite, sondern auf allen.
um den inhalt der seite zu positionieren, benutze ich den div inhalte

kann ich nicht irgendwie dem div sagen dass er unten einen rand macht,
für einzelne textfelder geht das aber ich möchte das prpblem für die gesamte seite lösen

und wenn für den div inhalte die position:absolute fehlt kann ich sie nicht mehr positioniern

[Beat]

das problem ist ja nicht nur auf der einen seite, sondern auf allen.
um den inhalt der seite zu positionieren, benutze ich den div inhalte

kann ich nicht irgendwie dem div sagen dass er unten einen rand macht,
für einzelne textfelder geht das aber ich möchte das prpblem für die gesamte seite lösen

Du willst, dass das html Element etwas von der Dimensionierung des Inhalts weiss.
Mit position:absolute sagt ein Child aber seinem Parent: Meine Grösse geht dich nichts an.

und wenn für den div inhalte die position:absolute fehlt kann ich sie nicht mehr positioniern.

Ich sehe nicht, dass es notwendig wäre, es zu positionieren.
Du willst den Textinhalt neben dem Bild fliessen lassen.

mfg Beat

[EKKi]

Mahlzeit fab,

das problem ist ja nicht nur auf der einen seite, sondern auf allen.
um den inhalt der seite zu positionieren, benutze ich den div inhalte

<http://de.selfhtml.org/css/layouts/einfuehrung.htm@title=Lerne strukturell sinnvolles und semantisches Markup kennen.>

kann ich nicht irgendwie dem div sagen dass er unten einen rand macht,

Ja ... welchen hättest Du gern: http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=Außenabstand oder http://de.selfhtml.org/css/eigenschaften/innenabstand.htm@title=Innenabstand?

für einzelne textfelder geht das aber ich möchte das prpblem für die gesamte seite lösen

Dann behebe das prinzipielle Problem, das Du hast: Dein HTML-Code ist nicht valide und semantisch nicht sinnvoll.

und wenn für den div inhalte die position:absolute fehlt kann ich sie nicht mehr positioniern

Das ist nicht richtig.

MfG,
EKKi