nicht angemeldet
Div unbekannt nach unte verlängern
Hallo,
ich habe folgendes Layout-Problem:
http://eicke92.ei.ohost.de/img/layout1.jpg
das ganze soll so aussehen:
http://eicke92.ei.ohost.de/img/layout2.jpg
Sprich, ich muss ein DIV um unbekannte Länge vergrößern...
mit height:100% habe ich es schon versucht, das bringt nichts...
Wie kann ich das ganze lösen?
zur Zeit sieht das so aus:
div.rightmenu {
float: right;
height: 100%;
width: 179px;
background-image:url(/DBD/images/layout/navi-bg.jpg);
background-color:#DDDDDD;
margin: 0;
}
-
Hi!
also, wenn du den Container 'noch irgendwas' meinst. Dann duerfte faux collumns dein Stichwort sein. Mit CSS ist soetwas nur bedingt moeglich.
--
Trau Dich!
-
Hi!
also, wenn du den Container 'noch irgendwas' meinst. Dann duerfte faux collumns dein Stichwort sein. Mit CSS ist soetwas nur bedingt moeglich.
Ich würde aber doch sagen, dass diese Illusion mit dem Footer untendrunter nicht funktioniert, oder?
-
Moin!
Ich würde aber doch sagen, dass diese Illusion mit dem Footer untendrunter nicht funktioniert, oder?
Warum nicht? Du musst Deine Seite nur entsprechend Layouten.
Ich sehe bei Dir die klassiche 'Kopf - mehrspaltiger Inhalt - Fuss' Aufteilung. Gib deinen spalten einen Hintergrund und fertig.Probleme gibt es wenn Du nicht sagen kannst welche Spalte immer die laengste ist. Ist sie es mal nicht ist der Effekt dort floeten. Oder du nagelst Dein Layout an den Browserraendern fest. Das halte ich aber fuer Unsinn.
--
Trau Dich!
-
Warum nicht? Du musst Deine Seite nur entsprechend Layouten.
Ich sehe bei Dir die klassiche 'Kopf - mehrspaltiger Inhalt - Fuss' Aufteilung. Gib deinen spalten einen Hintergrund und fertig.Meine Spalten sind ja auch DIVs, und die haben schon nen Hintergerund... aber die reichen einfach nicht bis zum Fuß auf der einen Seite...
-
Warum nicht? Du musst Deine Seite nur entsprechend Layouten.
Ich sehe bei Dir die klassiche 'Kopf - mehrspaltiger Inhalt - Fuss' Aufteilung. Gib deinen spalten einen Hintergrund und fertig.Meine Spalten sind ja auch DIVs, und die haben schon nen Hintergerund... aber die reichen einfach nicht bis zum Fuß auf der einen Seite...
Zum verstaendnis mal n extrem einfaches Beispiel:
Layout mit 2 Spalten:
<head></head>
<container>
<navi><navi>
<content></content>
</container>
<foot></foot>Navi wird gefloatet. Container bekommt ein Hintergrundbild mit der Farbe, die unter der Navi liegen soll (rot). Ersatzweise nen Hintergrundbild, vertikal gekachelt. Der bekommt seinen eigenen Hintergrund (weiss) und spannt den Container auf. Da Container immer so hoch ist, wie der Content wird links immer ein roter Streifen sein ueber dem die Navi liegt. (solange der Content hoeher ist, als die Navi)
Vielleicht findest Du auf der Intensivstation ein Template das du benutzen kannst. Ich werd dir jetzt jedenfalls keines bauen.
Viel Spass beim tuefteln und verschachteln.
--
Trau Dich!
-
Aah, jetzt hab ich das verstanden...
Dann pflück ich mir nen hintergrundbild zusammen, damit das von der breite her passt...
Danke-
Aah, jetzt hab ich das verstanden...
Dann pflück ich mir nen hintergrundbild zusammen, damit das von der breite her passt...
Es wuerde z.b. mit 2 Containerdivs klappen. Eines mit vertikal kachelndem Hintergrund links und eines rechts. Inhalt zentriert mit margin left/right so breit wie die aeusseren Spalten und die Spalten selbst floatend. Dann sollte das Ganze sogar horizontal jede beliebige Breite annehmen koennen. Durch die Grafiken, die Du willst, geht das leider nicht fuer die Spalten. Ohne Grafiken waer es weniger aufwaendig und flexibler.
--
Trau Dich!
-
Es hat ja jetzt funktioniert...
Da alle drei Bereiche in einem immer genau 1000 Pixel breiten weiteren Container drin sind, habe ich einfach für diesen Container folgende Grafik als Hintergrund gemacht:
http://eicke92.ei.ohost.de/img/content_bg.jpgWeil dieser Hintergrund-Container immer soweit runtergeht, wie die längste Spalte, gibt es auch keine Probleme, wenn mal eine andere Spalte länger ist...
-
Hi!
Weil dieser Hintergrund-Container immer soweit runtergeht, wie die längste Spalte, gibt es auch keine Probleme, wenn mal eine andere Spalte länger ist...
Schoen zu hoeren, dass es geklappt hat. Feedback liest man gerne.
--
Trau Dich!
-
-
-
-
-
-
-
-
-
Hi,
http://eicke92.ei.ohost.de/img/layout2.jpg
http://de.selfhtml.org/css/layouts/anzeige/hintergrund.htm
Das ist ein Beispiel für 2 Spalten, analog dazu lassen sich auch 3 aufsetzen. Der dazugehörige Artikel ist übrigens lesenswert...Gruesse, Joachim
--
Am Ende wird alles gut.