Willkommen in der Webstatt Zum Webstatt Blog und Stories
web4 am 01.08.06 19:09

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

netcup.de Warum gibt es hier Werbung?
leo am 02.08.06 18:31

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, leo.

web4 am 02.08.06 19:50

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?

Franky Franky am 02.08.06 20:29

du sollst ja auch nicht position sondern float entfernen ;)

der_nic der_nic am 02.08.06 20:32

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

web4 am 02.08.06 21:57

Quote
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 :)

der_nic der_nic am 02.08.06 22:05

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

web4 am 03.08.06 10:20

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

Christian am 03.08.06 10:53

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

der_nic der_nic am 03.08.06 12:56

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:-P

web4 am 03.08.06 13:21

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

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt