ich arbeite zur zeit an einem Wordpress Theme und habe ein problem mit dem sich nach unten wiederholenden content streifen. ich hätte gerne, dass der streifen immer am unteren rand des browsers klebt, egal wieviel content drin steckt.

ich habs versucht indem ich dem container der alles umfässt den streifen als bg-image gebe und dann die height auf 100% setze. da aber die 100% angabe sich auf die bildschirm grösse bezieht, wird wenn man das browserfenster kleiner macht, der streifen kürzer als der content..

folgendes ist auf der besagten page schön zu sehen.

themProfessionalz

kann mir da jemand aushelfen oder kennt eine alternative für mein problem?

TIA

greets bl4ck

das liegt zum einen an den höhenangaben von:
sowie an:
wenn du diese sachen mal raus nimmst, geht der streifen bis nach unten.
nachteil, jetzt rutscht die sidebar nach unten.
du mußt dich mit float und clear beschäftigen. unter FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten "punkt 2" findest du weiterführende links.
einfacher wäre es meines erachtens, wenn du die sidebar im quelltext vor dem #content schreibst und diese dann rechts floaten läßt.

nicht ganz, wenn ich diese sachen rausnehme gibts gar keinen streifen mehr... und float: left; im .post und .info brauche ich damit es im streifen richtig sitzt. da der container der den content umfasst 700px breit ist und der content nur 520px.

.post und .infos sind nur so breit wie #content, deswegen ist hier eine ausrichtung mit float nicht notwendig. da du jetzt #sidebar rechts floaten lässt, rutscht nun der gesamte #content hoch, egal wie wie .post und .infos darin ausgerichtet sind.

.post und .info sind jetzt angepasst..

in der beitrags übersicht geht der streifen nun auch bis nach unten bzw bis zum ende des letzten beitrags da ich dem content das bg-image gegeben hab.

aber es ist immer noch nicht so wie ich das brauche.. sobald man jetzt auf einen beitrag klickt geht halt der streifen auch nur bis zum ende des beitrags.

any ideas?

edit: noch 2 dinge..
1. wenn ich dem #sidebar padding-left: 10px; gebe drückt er mir den #content unter die sidebar.. liegt das am float: left; im #content ?
2. ich steh grad aufm schlauch und mir fällt nicht mehr ein wie ich bei der sidebar die punkte der liste entfernen kann... list-style: none; wars irgendwie nicht...

wieso bastelts du dir nicht ein hintergrundbild aus bg und contentbg und gibst es dem body als hintergrundbild? dann geht der streifen immer bis unten ( repeat-y).

geht auf keinen fall.. der content soll und ist immer mittig. ( margin: auto; )

gibts keine andere möglichkeit?
und wie siehts aus mit den 2 letzten punkten im vorherigen post?

punkt 1: di 10px werden zur sidebar dazugerechnet. das heißt die sidebar ist jetzt 190px breit. da #content 520px hat, passt er nicht mehr neben #sidebar, sondern hängt sich darunter auf. du mußt das mit dem margin oder padding für die ul innerhalb von #sidebar versuchen.

punkt 2:und das mit dem gemeinsamen hintergrunbild funktioniert auch mittig:

alles klar werd ich gleich ausprobieren.

zum padding-left: 10px; <- ist doch nur der innenabstand und verändert nicht die masse des divs? bisher dachte ich das zumindest.

das schaue doch mal bei www.css4you.de-boxmodell vorbei.