✔ Positionierungs Problem

[qed]

Hallo Leute

Ich habe folgendes Problem im CSS. Bis jetzt habe ich ein File mit folgenden Angaben erstellt:

body {
  padding: 0px;
  margin: 0px;
  background-color: #0080c0;
}
#inhalt {
position: absolute;
  width: 600px;
  margin: 100px 0px;
  left: 150px;
  height: 400px; 
  background-color: #ffffc6;
  text-align:			left;
  font-family: 		Tahoma, Arial;
  overflow: 			auto;
}
#banner{
position:absolute;
top: 0px;
left: 150px;
width: 600px;
height: 80px;
background-color:#00CC66;
}
#navi{
position: absolute;
top: 80px;
width: 600px;
left: 150px;
height: 20px;
background-color:#003399
}

Soweit so gut, nun möchte ich aber, dass wenn ich das Browserfenster kleiner mache, sich das Layout automatisch mit verkleinert, bzw. nach links und oben rutscht, dass man möglichst lange noch was sieht. Wie kann ich das nun machen?

Vielen Dank schonmal im Vorraus

 

[Maik]

Hi,

wenn die Layoutdimensionen sich der Browserfenstergröße anpassen sollen, sind absolute (feste) Breiten- und Höhenangaben hierfür hinderlich.

 

[qed]

aber wenn ich alles auf relative stelle, dann stimmt es vom ganzen Layout her nicht mehr. Z.b. ist der Banner dann, viel zuweit unten, obwohl bei top 0 steht...

 

[Maik]

Dann schau dir mal diese CSS-Layouts an:

• http://www.cssplay.co.uk/layouts/basics.html
• http://www.cssplay.co.uk/layouts/body2.html

 

[qed]

Danke für die Hilfe