[Ilinsekt]

Hallo zusammen,

bei einem Projekt, das ich durchgehend mit FF designt habe und nun an andere Browser anpassen möchte, habe ich leider das Problem, dass Opera (9.2) min-height=100%; nicht versteht und das ganze anzeigt, als ob gar keine Höhe definiert wäre. Die Seite: http://ilinsekt.il.funpic.de/jugends...07/design.html

Eigentlich steht überall im Netz, dass Opera die Angabe versteht, aber meiner anscheinend doch nicht.

Dass der IE die min-height-Angabe nicht versteht, ist mir klar, aber die Angabe height=100%; im auskommentierten Bereich:

<!--[if lt IE 7]>
<style type="text/css">
div.chapter {
  height:100%;
}
div.content {
  top:120px;
}
</style>
<![endif]-->

versteht er auch nicht. Wenn ich da stattdessen einen Pixelwert eingebe, funktioniert's.

Hier einige Screenshots:

http://img292.imageshack.us/img292/7...blage02kg8.jpg
FF, so wie es geplant ist

http://img292.imageshack.us/img292/1...blage03ks2.jpg
Opera

http://img215.imageshack.us/img215/8...blage04hl0.jpg
IE

Kann mir jemand helfen?

MfG, Ilinsekt

[kampfgnom]

wenn der linke container in dem die sachen mit FF stehen
nich mitwachsen soll kannst du ihm position static geben dann ist er am untern rand...wenn aber natürlich die Navigation mitwächst wirds problematisch!

[Bleistift]

Das gute alte 100%-Height-Problem:
http://www.google.ch/search?hl=de&q=100%25+height+css

[Ilinsekt]

@kampfgnom: Es kommt noch Content hinzu, ich weiß aber nicht wie viel, daher min-height.

@Bleistift: ich habe jetzt

html, body {
  height:100%;
  width:100%;
  margin:0px;
  padding:0px;
}

hinzugefügt, funktioniert immer noch nicht.

[$traight-$hoota]

nimm doch yaml.de, damit funktioniert dein Spaltenlayout in jedem Browser

[Ilinsekt]

Geht nicht, das ist für einen Wettbewerb, muss also selbst programmiert sein. Außerdem will ich was lernen.

Hat sich aber erledigt. Ich musste noch einem übergeordneten div-container min-height:100$; zuweisen und dann die Anweisungen unter http://webdaum.de/html/aktuell/blog....&nr=1166719716 umsetzen.