Forum

> > Off Topic > Probleme mit Cascading Style Sheets (CSS)
ForenübersichtOff Topic-ÜbersichtEinloggen, um zu antworten

Deutsch Probleme mit Cascading Style Sheets (CSS)

4 Antworten
Zum Anfang Vorherige 1 Nächste Zum Anfang

alt Probleme mit Cascading Style Sheets (CSS)

weltsieger
User Off Offline

Zitieren
Hallo ihr,

ich bin grad dabei für eine Hobby-Seite das Design neu aufzubauen.

Mein Problem ist, dass ich gerne das mittlere Content mindestens 100% (-Rahmen) des Bildschirms füllen möchte. Jedoch soll das Content sich automatisch mit vergrößern, wenn der Navi größer wird.

Genauso andersrum soll der Navi min. 100 % Höhe des Bildschirms einnehmen aber sich automatisch mit dem Content vergrößern.

Leider haut das irgendwie zurzeit nicht hin und ich weiß nicht wie ich da noch was ändern könnte, damit es passt.

Habt ihr vll. ne idee?

Hier meine css:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
{ 
	background:#a37832;
	min-height:97%;
	height:97%;
	margin:0; 
	padding:0; 
}

div#main 
{
	background:#a37832;
	height:100%;
	min-height:100%; 
	margin:0px;
	padding:0px;
}

div#navi 
{ 
	height:100%;
	min-height:100%;
	background-color:#a37832;
	float:left;
	padding:10px;
	margin:0px;
	margin-right:10px;
}

div#content 
{ 
	background-image:url(../picture/Bck.gif);
	background-repeat:repeat;
	min-height:100%;
	padding:10px;
	margin:10px;
	margin-left:10px;
}

Die Test-Seite ist: http://xp-de.com/test/test3.php?navi=5&content=7 (die variablen navi und content übergeben die Zeilenanzahl)

Danke schonmal im voraus.

alt Re: Probleme mit Cascading Style Sheets (CSS)

weltsieger
User Off Offline

Zitieren
Es soll ein Rand um alles rundherum geben.

Ich hab mal nen Bild schnell gemalt, wie so die Seitenstruktur sein soll und aber auch immer bleiben soll, egal ob nun der Navi länger ist oder der Content.

IMG:https://xp-de.com/test/struktur.JPG


Danke für deine Hilfe.
Zum Anfang Vorherige 1 Nächste Zum Anfang
Einloggen, um zu antwortenOff Topic-ÜbersichtForenübersicht