|
|||
Spalten bis zum Ende des Browser füllen...
Hey community,
erstmal ein Hallo an alle XhtmlForum User Ich möchte euch gleich ma auf die Probe stellen und habe eine Frage zum Thema CSS Ich habe 2 DIV - Container die jeweils 200px breit sind. So Darunter befindet sich ein Footer der Weiss als Backgroundfarbe hat genau wie der Hintergrund der Webseite. Ich will jetzt das die beiden DIV Container bis zum Ende der Seite ( also bis zur Browser Fußzeile ) mit einer Farbe gefüllt werden. Zurzeit habe ich das so gelöst indem ich dem body nen Background Bild gegegben hat der einfach 200px breite striche genau an den positionen mit dem parameter background-repeat: repeat-y bis zum Ende des Browsers laufen lässt. Das Prob jetzt.. ich brauch das Background-image aber für nen Anderes BG Gibt es eine Methode die DIVS bis zum Ende laufen zu lassen? Würde mich auf Antworten freuen. mfg ph|L p.s --> Height: 100%; funktioniert nicht |
Sponsored Links |
|
||||
Und ich stell dich auf die Probe:
1. such die FAQ 2. lies die FAQ Tipp: Im CSS-Forenbereich :P
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Sponsored Links |
|
|||
-.- ... verdammt! >.<
xD nunja habs auch gefunden.. da sind 2 beispiele und hab mir ma den quelltext angeguckt der css datei.. prob ist jetzt.. ich habe viele div's manchesmal eine bestmmte höhe gegeben..muss ich das jetzt alles umändern? greetz |
|
|||
dann habe ich denke ich es noch nicht richtig verstanden
welche einstellung ist denn nötig. Auszug aus meiner CSSDATEI: Code:
/* Page margins and background | Randbereiche & Seitenhintergrund */ body { background: #FFFFFF; padding: 0px; background-image: url(../../img/bg.jpg);background-repeat: repeat-y; } /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */ #page{ width:732px; float:left; margin-top: 0px; height: 100%;} #page_margins {border:0; position: relative; float:left;} /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */ #headerbg { position: absolute; height:57px; width: 750px; background: url(../../img/banner.gif) no-repeat top; left: 75px; right: 0px;} #header { position:relative; height: 88px; color: #fff; width:732px; background: #ecf4f6;} img#companyLogo {position:absolute; top: 0px; left: 0px; font-size:208%; border-left: 0px solid #bad3de;} #main { padding-top: 1em;} #footer { color:#9A9A9A; padding: 1em 0 0 0; line-height: 1.5em; font-size:0.8em; text-align: center; } #teaser { margin-left: 155px; margin-top: 6px; background: transparent; padding:4px 4px 7px 18px; color: #5f5d75; font-size: 10px; } /*------------------------------------------------------------------------------------------------------*/ /** * Formatting of the Content Area | Formatierung der Inhaltsbereichs * * @section layout-main */ #col1 { width: 145px; margin-top: -31px;} #col1_content { margin-left:0; margin-right:-20px; margin-left: -5px; color: #444; background-color: transparent; /* border-right: 1px solid #000000; background-repeat: repeat-y; */ } #col2 { width:163px; margin-top: -31px; } #col2_content { padding-left:0px; margin-left: -1px; margin-right:0; background-color: transparent; /* border-left: 1px solid #000000; */ } #col3 { margin-left: auto;/*165px;*/ margin-right: 165px; /*165px;*/ padding-top:10px; padding-bottom: 25%; width: 400px; border-left: 0px dotted #ddd; border-right: 0px dotted #ddd; background-color: #FFFFFF; } #col3_content { margin-left: 2em; margin-right: 2em; background-color: transparent; } #col1 und #col2 sollen sich mit einer blauen Farbe bis zum Browser ende füllen . mfg |
|
||||
Zitat:
Zitat:
Ich weiss, nicht ganz semantisch korrekt, aber mir fällt so auf Anhieb nichts Besseres ein. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten | mazzo | CSS | 10 | 05.04.2012 17:32 |
CSS-Angaben des Autors überschreiben | Dieter | Barrierefreiheit | 9 | 14.09.2006 15:02 |
[Tabellenlayout] Am Ende des Browser ein Abstand | maikaushamburg | (X)HTML | 3 | 17.05.2006 09:16 |
Zeilenüberlappung bei margin-top mit negativem Wert | c.weber.os | CSS | 15 | 15.10.2005 15:11 |