[Ikarus2011]

Hallo zusammen,

ja, ich weiß das Thema gab es schon tausend Mal und es steht auch etwas in den FAQs darüber, aber egal was ich mache und anwende hier aus dem Forum oder sonst aus dem Web, es klappt einfach nicht, dass ich meine beiden divs jeweils nebeneinander auf die ganze Browserfensterhöhe "gezogen" bekomme. Ich probiere es nun schon seit Stunden doch wie gesagt egal was ich mache und beachte, es haut nicht hin.

Hier mal der Link zu der betroffenen Site:

FUNFAIR - AREA ---- ALLES RUND UM DAS THEMA KIRMES

Und der entsprechende CSS-Sourcecode:

html, body
{
	background-image:url(http://www.funfair-area.de/pics/hintergrund.gif); background-repeat:repeat; background-attachment:fixed;
	padding:0px;
	margin:0px;
	font-family:Verdana,Arial,sans-serif;
	color:#000066;
	font-size: 13px;
	font-weight:bold;
	height: 100%;
}

/* ---------- Container zentriert das layout-------------- */
#container
{
	position: relative;
	width: 850px;
	padding:0px;
	margin:0px auto;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */ 
}

/* ---------- Logo -------------- */
#logo
{
	padding: 0px;
	margin: 0px;
}

#logo img
{
	padding:0px 0px;
}

/* ---------- Streifen unter dem Logo -------------- */

#streifen
{
	height: 8px;
	width: 850px;
	background-image:url(http://www.funfair-area.de/pics/trenneroben.gif); background-repeat:repeat;
	padding: 0px;
	margin: 0px;
}


/* -------------- Menu ------------- */
#left
{
	width:150px;
	float:left;
	position:relative;
	margin-top: 0px;
	margin-bottom:0px;
	background-color: #263999;
	height:100%;
}

/* -----------------Inhalt--------------------- */
#content
{
	width: 700px;
	margin-left:0px;
	margin-right:0px;
	background-color: #ffffff;
	text-align: center;
	margin-top:0px;
	float:right;
	height: 100%;
}

Ich bin wirklich verzweifelt und hoffe irgendjemand kann mir sagen, wo hier der Fehler liegt...

Gruß
OLLI

[Manfred62]

für #container {background: #263999;} reicht doch aus

[andir]

Divs passen sich nicht automatisch den Nachbarn an wie vielleicht Tabellenzellen. Was Dir helfen könnte ist die Faux Columns Technik (Faq), hat Manfred62 wohl auch gemeint.

[Ikarus2011]

Zitat von andir

Divs passen sich nicht automatisch den Nachbarn an wie vielleicht Tabellenzellen. Was Dir helfen könnte ist die Faux Columns Technik (Faq), hat Manfred62 wohl auch gemeint.

Die Faux Columns Technik habe ich schon ausprobiert - funktioniert bei dem Aufbau leider nicht.
Ich muss mich korrigieren: Funktioniert wenn der Inhallt rechts "länger" ist als das Browserfenster. Wenn man sich jetzt allerdings mal das Impressum anguckt sieht man, dass es nicht funktioniert wenn der Inhalt "kürzer" ist als das Browserfenster.

[hubspe]

Zitat von Ikarus2011

Die Faux Columns Technik habe ich schon ausprobiert - funktioniert bei dem Aufbau leider nicht.
Ich muss mich korrigieren: Funktioniert wenn der Inhallt rechts "länger" ist als das Browserfenster. Wenn man sich jetzt allerdings mal das Impressum anguckt sieht man, dass es nicht funktioniert wenn der Inhalt "kürzer" ist als das Browserfenster.

äh...warum sollte das nicht funktionieren?

Man kann doch Foot Sticker Alt mit Faux Columns kombinieren.
Die Grafik muss halt so breit wie #left + #content und entsprechend eingefärbt sein, d.h. links blau und rechts weiss.

Was allerdings der absolute Wahnsinn ist :

PHP-Code:

#container  {
overflow: hidden !important; /* FF Scroll-leiste */
} 


Das ist nicht dein Ernst, oder?

[Ikarus2011]

Zitat von hubspe

äh...warum sollte das nicht funktionieren?

Man kann doch Foot Sticker Alt mit Faux Columns kombinieren.
Die Grafik muss halt so breit wie #left + #content und entsprechend eingefärbt sein, d.h. links blau und rechts weiss.

Was allerdings der absolute Wahnsinn ist :

PHP-Code:

#container  {
overflow: hidden !important; /* FF Scroll-leiste */
} 


Das ist nicht dein Ernst, oder?

Wenn Du verzweifelt bist, versuchst Du eben mal alles aus, was Du so findest. Und wenn ichs besser wüsste würde ich ja hier nicht schreiben. Verstehe nicht, warum man dann immer solche Kommentare zum Besten geben muss. Vor allem ist das ohne weitere Erklärung null hilfreich. Ich werde diese Kombination aus Faux columns und Foot sticker alt dann heute mal probieren. Mir ist die Logik bei der man eigentlich permanent immer nur an irgendwelchen Notlösungen arbeitet halt immer noch schwer zugänglich. Ich gebe aber mein Bestes und versuche, hier nur in den allerdringensten Fällen mit meinen vor Dummheit schockierenden Fragen zu nerven.

[Manfred62]

kannst auch für #container als bg Farbe #fff (weiss) nehmen, dazu eine blaue Grafik (#263999, 5x150px) top left positionieren und vertikal wiederholen.

Naja, das restliche css ist schon etwas ... nicht so gut.
Da kann man vieles einsparen bzw. besser machen.

Manfred

[Ikarus2011]

Zitat von Manfred62

kannst auch für #container als bg Farbe #fff (weiss) nehmen, dazu eine blaue Grafik (#263999, 5x150px) top left positionieren und vertikal wiederholen.

Ah ok, das werde ich vorher mal probieren bevor die div-Bastelei wieder losgeht.

Zitat von Manfred62

Naja, das restliche css ist schon etwas ... nicht so gut.
Da kann man vieles einsparen bzw. besser machen.

Das stimmt natürlich, aber es befindet sich auch gerade erst alles im Aufbau. Und um es so perfekt zu machen fehlt mir auch schlichtweg meist leider leider die Zeit. Das ist eine - für mich - riesige Seite und ich bin nun erstmal dabei, sie aus der 10 Jahre alten frame-Struktur rauszuholen. Das Ganze muss bis spätestens Karneval über die Bühne sein, weil dann die Kirmessaison wieder losgeht und nebenher arbeite ich noch ca. 35 Stunden / Woche als Briefträger. Da fehlt dann schlichtweg die Zeit und oft auch die Kraft mehr als das Nötigste zu schaffen. Ich gebe mir wirklich Mühe, lese immer wieder viel nach, aber das reicht halt oft trotzdem nicht. Für mich ist schwer nachzuvollziehen, wenn ich dem obersten Element also html 100% zuweise und allen nachfolgenden auch, warum sie dann nicht auch 100% des definierten Raums in Anspruch nehmen. Da geht dann wieder genau die selbe elende Bastelei los wie es sie vorher auch schon gab nur diesmal mit anderen Elementen.