[S] gelöst

[BartTheDevil89]

Hallo,

habe folgende Design-Umsetzung: http://beta.devilution-media.de/zocko/

Soweit auch fast perfekt...einzig folgendes Problem hab ich noch:

Der Contentbereich (die Zeile mit den zwei blauen Streifen links und rechts) hat derzeit ne feste Höhe von 500px und damit sieht der untere Bereich natürlich sehr komisch aus.

Wer schafft es dieses letzte Problem noch zu lösen, sodass der Bereich ebenfalls dynamisch ist und gut aussieht?
Preislich werden wir uns sicherlich einig...

[BartTheDevil89]

Hallo zusammen...

keine Zeit oder woran liegts?

[Olli]

Hi,

es liegt an den Querstreifen in den Balken rechts und links.
Die machen es zu einem Problem.

Gruß,
Olli

[BartTheDevil89]

Zitat von Olli

Hi,

es liegt an den Querstreifen in den Balken rechts und links.
Die machen es zu einem Problem.

Gruß,
Olli

Lass mich auch gern auf Vorschläge ein, wenn das nur mit kleine Änderungen lösbar ist...

[Olli]

Man könnte die Balken nach unten in ein einfarbiges blau auslaufen lassen und das dann wiederholen. Könnte mir vorstellen, dass das geht.

Gruß,
Olli

[BartTheDevil89]

Zitat von Olli

Man könnte die Balken nach unten in ein einfarbiges blau auslaufen lassen und das dann wiederholen. Könnte mir vorstellen, dass das geht.

Gruß,
Olli

Kann man den Streifen nicht auch einfach horizontal machen anstelle von quer? Also wäre super, wenn das jemand einfach komplett machen könnte.
Interesse?

[Olli]

Klar, ginge auch.
Mein ICQ spinnt leider gerade, sonst könnte ich es mir mal ansehen.

Gruß,
Olli

[Programmierer]

Versuch mal folgendes:

in der layout.css:

1:
2:
3:
4:
5:
6:
7:
/*### Contentblock ###*/
#site{
	height: 2000px;
	width: 1200px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

ändern in

1:
2:
3:
4:
5:
6:
/*### Contentblock ###*/
#site{
	width: 1200px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

und

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
#content{
	height: 500px;
}

#content_right{
	width: 90px;
	height: 500px;
	background-image: url(../images/bg_content_rl.jpg);
	float: right;
}

#content_left{
	width: 90px;
	height: 500px;
	background-image: url(../images/bg_content_rl.jpg);
	float: left;
}

bei denen ersetzt du jedes height: durch min-height:

[Olli]

Min-Height wird aber nicht von jedem IE unterstützt.

Gruß,
Olli