korrekte höhe in allen browsern?

[Michael Kneissl]

hi,

da mir hier bisher so super geholfen wurde, habe ich noch eine frage:

mein layout: oben header, unten footer, links menü, rechts zwischen header und footer der content-bereich.

mein problem:

firefox stellt meinen content bereich bei allen auflösungen richtig dar, definiert durch:

body
 {
  position: absolute;
  font-size: 12px;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 12px;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  /*background-attachment: fixed;*/
  width:100%;
  height:100%;
 }

html, body
 {
  top:0; left:0; right:0;
  height:100%;
  margin:0;
  padding:0;
  width:100%;
 }

#content
 {
  position: absolute;
  top: 98px;
  left: 170px;
  right: 0px;
  bottom: 55px;
  z-index: 4;
  overflow: auto;
  background: url(nav/hg_3_groß.jpg) repeat-x fixed center;
 }

beim internet explore habe ich es bisher auf 1024x768 mit einer höhenangabe von height:75% optimiert, bei größeren auflöungen stimmts dann natürlich nicht - ist ja auch logisch.

gehe ich bei height aber auf 100% stimmts bei 1024x768 nicht mehr, weil der scrollbalken hinter dem footer verschwindet.

übder den bug vom ie hab ich gelesen, bekomme es aber nicht hin.

hier der auszug des css spezielle für den ie:

/* Angaben nur für den Internet Explorer mit Star-HTML-Hack */
  * html, * html body
  {
   height:100%;
   overflow:hidden;
  }

* html #content
  {
   position: static;
   top: 0px;
   bottom: 10px;
   left: 0px;
   right: 0px;
   margin-right: 16px;
   height: 75%;
   width: 100%;
   overflow: auto;
   margin: 0;
   z-index: 7;
   padding-top: 15px;
   padding-left: 170px;
   padding-bottom: 100px;
  }

wie bekomme ich es hin, das sich der content-bereich allen auflösungen anpasst, beim ie?

danke vielmals.

mfg,
michael

[Ingo Turski]

Hi,

body
{
  position: absolute;

warum das? und warum positionierst du alles absolute?

html, body
{
  top:0; left:0; right:0;

warum Positionsangaben auch noch für html?

Davon abgesehen: der IE berücksichtigt stets nur Eckdaten für eine Ausganngsposition, hier z.B.  top:0; left:0.

top: 0px;
   bottom: 10px;
   left: 0px;
   right: 0px;

freundliche Grüße
Ingo