Container mittig und Höhe 100%

[Daraace]

Hallo,

Ich mache eine Seite für ein Projekt bei der es notwendig ist, dass sie sowohl in IE als auch in FireFox funktioniert. Die Seite muss auch für jede Auflösung ausgerichtet sein.

Nun will ich einen Container machen der
1. Eine fixe Breite hat (z.B. 400px)
2. Mittig ausgerichtet ist
3. 100% Höhe hat
4. Im Hintergrund ist

Ich dachte mir 2 mögliche Wege bei denen verschiedene Problemem auftreten.

1. Ich könnte den Container mit {position:fixed;} fixieren, dann würde auch {height:100%;} funktionieren, jedoch

--> Wie stelle ich den Container in die Mitte (egal wie hoch die Auflösung ist)

2. Ich mache den Container {position:relative;} und kann ihn so mit <center> leicht in die Mitte bringen, jedoch

--> Wie bringe ich den Container auf eine minimale Höhe von 100% (egal bei welcher Auflösung)



Hoffe ihr versteht was ich meine und könnt mir helfen :)

 

[BcF]

Versuchs mal so:

html, body {
  margin:0;
  padding:0;
  height:100%;
  overflow:auto;
}
#container {
  margin: 0 auto;
  height:100%;
}

 

[Daraace]

Das funktioniert wunderbar in Firefox aber der IE versteht das height:100%; nicht. Der Container verändert sich nicht in der Größe.

 

[Budspencer]

#container {
  margin: 0 auto;
  height:100%;
}

das funktioniert ohne breitenangabe 0.o??

 

[BcF]

das funktioniert ohne breitenangabe 0.o??

Nein, die hab ich vergessen ;)

 

[Daraace]

Natürlich hab ichs mit Breitenangabe gemacht, funktioniert wie gesagt in FF aber in IE nicht.

Hat keiner eine Idee wie das gehn könnte? Oder einen anderen Lösungsvorschlag?

 

[Budspencer]

versuch mal padding-bottom: 100%;