Drucklayout relativ statt absolute/fixed

[Otto Wyss]

Ich habe ein Weblayout, in dem ich verschiedene Bereiche "absolute" oder "fixed" definiere. Beim Drucken gibt es damit jedoch Probleme. Wie kann ich jetzt diese absolute/fixed Positionsarten für das Drucken im CSS auf "relativ" umdefinieren? Wie mache ich das in einer CSS-Datei?

Jetziges CSS:

  
#kopf {  
  position: absolute;  
  margin: 0;  
  overflow: hidden;  
  top: 0;  
  height: 90px; /* height of title */  
  width: 780px;  
}  
  
#menu {  
  position: absolute;  
  margin: 0;  
  overflow: hidden;  
  top: 90px; /* start after title */  
  height: 21px; /* height of menu */  
  width: 780px;  
  background-color: #EEEEEE;  
}  
  
#inhalt {  
  position: fixed;  
  margin: 0;  
  overflow: auto;  
  top: 111px; /* start after title and menu */  
  bottom: 21px; /* end before footer */  
  width: 780px;  
  background: #CCEEFF;  
  padding-bottom: 4px;  
}  
  
#fuss {  
  position: absolute;  
  margin: 0;  
  overflow: hidden;  
  top: auto;  
  bottom: 0;  
  height: 21px; /* height of footer */  
  width: 780px;  
  background-color: #EEEEEE;  
  border-top: solid 1px #C2C2C2;  
}  

[Matthias Apsel]

Om nah hoo pez nyeetz, Otto Wyss!

Neben "42" gibt es eine weitere allgemeingültige Antwort: media queries

Matthias