position:absolute IE machts nicht

Tag zusammen,

ich schlage mich seit einer Stunde mit einem ganz blöden Problem rum.


Es handelt sich um die türkis farbende Box unten links. Mit dem Mozilla funktioniert es. Der IE jedoch zeigt die Box gar nicht an. Wenn ich position: absolute aus dem CSS nehme zeigt er sie an, jedoch nicht an der richtigen Stelle (logischerweise). Jedoch muss das ja bedeuten, dass es am position:absolute liegt, oder?

das ist der css code dieser box.

.kontaktbox {

height: 160px;

width: 261px;

float: left;

background-color: #006666;

position: absolute;

bottom:0;

}

hat jemand eine Idee?
gruss
web4

denke mal float:left und position:absolute lassen sich nicht kombinieren - brauchst du ja auch nicht.
mach das float: left weg und mach lieber noch left: 0;

greets, user-228.

hallo,

danke für deine antwort! aber das war es leider nicht. sobald ich das position:absolute bei .kontaktbox entferne, zeigt es auch der IE an.... mit position:absolute weigert er sich jedoch, aus welchem Grund auch immer.

ich bin ratlos... ich habe schon fast alles herumprobiert... was zum henker könnte das noch sein?

du sollst ja auch nicht position sondern float entfernen

ich kann dir zwar nicht erklären wieso dass so ist, aber es liegt daran dass dein absolut positioniertes <div> "kontaktbox" in einem anderem <div> drin liegt.
Also vom Baum her so:

body
-box
--bla
--bla
--kontakt

mach die Kontaktbox direkt ins body

body
-kontakt
-box
--bla

du sollst ja auch nicht position sondern float entfernen

hab ich gemacht meine aussage war nur eine evaluation um allfällige fehlerquellen aufzudecken aber float: left ist weg.

@nic
glaub nicht, dass das funktioniert... aber werde es mal ausprobieren und dann wieder posten

ich HABE es ausprobiert :tired:! und es funktioniert!! =)

tatsächlich! vielen dank! (drfür dörfsch s nägschtmol bim billard gwünne^^)

jetzt hätte ich gerade noch ein weiteres problem. die kontaktbox soll nicht die navigation verdecken... und bei einem kleinen bildschirm würde das jetzt schon passieren.

sprich er müsste immer ca. 100px unter der navigation stoppen...ist das irgendwie umsetzbar?

gruss
web4

hm wie wärs mit padding (oder margin) bottom 100px ?

ich glaube nicht dass das mit einem margin/padding lösbar ist... weil sich dass ja nicht vom absoluten zum normalen anwenden lässt (deshalb ist es ja absolut)

wieso machst du die seite nicht ohne absolut positionierte boxen

ps: ich gwünn au so immer

ja es ist genau so wie nic sagt, absolute lässt sich nicht mit margin/padding mischen...

ich muss aber absolute werte nehmen. weil ich keinem div sagen kann, dass es ganz unten in einem anderen div sein soll.

das würde mit tabellen gehen aber nicht mit divs... oder?

web4