Es gibt hier ja diese geniale Lösung:
http://www.ddig.de/CSS-Div100Hoehe
Nun müsste ich aber dieses DIV um 200px nach unten haben. Also margin-top: 200px
Wenn ich das mache, dann schiebt mir der Browser das Div aber auch 200px nach unten raus ... Das sieht dann sicherlich auch seltsam aus, denn mal nicht so viel Inhalt drinnen ist. Wie kann man das denn umgehen?
Eine Lösung wärte sicherlich eine doppelte Div-Sache:
Also wie im Div100Hoehe beschrieben und es overflow:hidden setzen. Dann jedoch in dieses Div noch eines rein und das halt 200px runter.
Dann stellt sich mir jedoch die Frage warum willst Du das auf 100% haben, wenns dann 200px runter geht bzw. dann der Überhang stört? Naja, Design ist manchmal unergründlich ;D
Vielleicht habe ich einen Denkfehler drin ...
Es soll ein ein quasi weißer Kasten unten am Browserrand kleben. Der soll bis 200px oberkante gehen. Obendran ist dann das Logo.
Im diesem Kasten ist dann auch der eigentlich Inhalt. Der Kasten kann eben aber auch höher sein als sichtbare Bereich im Browser ... aber wichtig ist eben das er von unten wie ein Tor daherkommt.
Layout sieht quasi ist wie ein offenes Tor an dem oben am Rahmen das Logo klebt :)
Soll heißen: Es ist eigentlich nicht wichtig das es 100% Höhe hat, sondern das es immer unten randlos am Browserrand ist.
Also sowas wie ein sehr großer Footer, oder?
Aber Du willst ja 200px Rand oben haben. D.h. oben ist fix und unten muss ja die Höhe dann variabel sein wg versch. Auslösungen. Dann gehts eigentlich nur wie oben geschrieben (soweit mein Wissen reicht)
Wenn aber unten das "Tor" fix in der Größe ist und oben die 200px variabel, dann ist es ja ein klassischer Footer. Und Dir müsste hiermit geholfen werden können täten: http://www.alistapart.com/articles/footers/
Allerdings wieder IE-lässt-grüßen-Extragülle...
Hast du nen Screen zum Deutlichmachen?
Eine Möglichkeit wäre, das 200px hohe Logo einfach über die (bis ganz nach oben laufende) Box zu legen. Eine weitere, den weißen Kasten als Hintergrundbild (ein weißer entsprechend breiter Streifen) mit repeat-y (wiederholt sich nach unten) einzubauen und (wieder) das Logo einfach drüber zu legen.
Grüße, Benni.
Faux Columns ...
ja aber das Problem ist das um das Tor ein Rand rechts, oben und links muß und daher geht das mit den Faux Coumns nicht ...
Aber danke trotzdem!
Hab das zwar alles verstanden was du willst aber nen Screenshot wäre trozdem einfacher ;)
Okay ... kommt noch/ oder sonst nächstes Mal :)
jo, (bei) ein(em) screenshot würde (ich) helfen
Screenshot screenshot screenshot
jihei
Seitentitel: Problem mit CSS