zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Spalten bis zum Ende des Browser füllen...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.10.2007, 17:08
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.10.2007
Beiträge: 31
philipp1988 befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.10.2007, 17:17
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.837
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 25.10.2007, 09:56
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.10.2007
Beiträge: 31
philipp1988 befindet sich auf einem aufstrebenden Ast
Standard

-.- ... 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
Mit Zitat antworten
  #4 (permalink)  
Alt 25.10.2007, 10:52
Benutzerbild von grischa_sgd
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Beiträge: 170
grischa_sgd befindet sich auf einem aufstrebenden Ast
Standard

Nein. Ich denke, wenn du verstanden hast, wie es funktioniert, merkst du von alleine, dass nur eine Einstellung benötigt wird
Aaaauusser ich habe deine Beschreibung missverstanden - für weitere Hilfestellungen wäre ein kleines bisschen Quellcode nützlich.
Mit Zitat antworten
  #5 (permalink)  
Alt 25.10.2007, 14:48
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.10.2007
Beiträge: 31
philipp1988 befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #6 (permalink)  
Alt 30.10.2007, 09:16
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.10.2007
Beiträge: 31
philipp1988 befindet sich auf einem aufstrebenden Ast
Standard

hat keiner ne antwort :/
Mit Zitat antworten
  #7 (permalink)  
Alt 30.10.2007, 11:45
Benutzerbild von grischa_sgd
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Beiträge: 170
grischa_sgd befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Das Prob jetzt.. ich brauch das Background-image aber für nen Anderes BG
Hüll doch den Inhalt in ein separates Div, welches dann
Zitat:
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.
Somit hättest du immer noch den body-background frei...

Ich weiss, nicht ganz semantisch korrekt, aber mir fällt so auf Anhieb nichts Besseres ein.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:52 Uhr.