[CSS] Problem mit div Überlappung

[shizo]

hallo, ich schreibe gerade einen css code in dem ich angegeben habe (durch z index), dass sich 2 divs überlappen sollen, bzw 3. im dreamweaver siehts auch ganz gut und richtig aus, allerdings funktioniert das in keinem browser O_o

http://evolution-ex.de/OCD/index.htm

mein ziel ist es, dass das bild in der div box über den orangen balken drüber geht und eben ihn abdeckt, jedoch sollte höhe gleich bleiben , ich möchte sie also nicht in einander verschachteln!

hier mein css code:

Code: Alles auswählen

/* CSS Document */

/* Haupttabellen */

#pic     { position: relative; top: -157; left: 600; width: 259px; height: 218px; border: solid 0; z-index:3 ; }
#maintable    { background: #fff; position: relative; top: 10px; left: 250px; width: 700px; height: 500px; border: solid 0 ; z-index:2 ; }
#navitable    { background: #ff8a00; position: relative; top: 10px; left: 250px; width: 700px; height: 98px; border: solid 0 ; z-index:1 ; }

/* Schrift */

.menu  { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }
a.menu  { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }
a.menu:hover  { color: #000; background-color: #fff ; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }

.content { color: #ccc; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }


/* Link Definitionen */
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

[shizo]

zu kompliziert? ^^

[Pyramide]

http://de.selfhtml.org/css/eigenschafte ... sition.htm bzw. http://de.selfhtml.org/css/eigenschafte ... m#position gelesen?

[shizo]

http://de.selfhtml.org/css/eigenschafte ... sition.htm bzw. http://de.selfhtml.org/css/eigenschafte ... m#position gelesen?

beides. mehrmals

komme trotzdem nicht dahinter was an meinem css code nicht stimmt, ich habe ja die links gepostet bzw den ... ka was daran falsch ist, im dreamweaver wird es ja sogar richtig angezeigt.

edit: muss position:absolute sein?

[Gast210225]

Machst du mal einen Screenshot, wie es aussehen soll?

Viele Grüße,
Johannes

[shizo]

klar, gerne, hier:

http://evolution-ex.de/ocd.jpg

lasst euch nicht von den grauen rändern irritieren, die macht DW automatisch, die sind auch in der vorschaum, bzw in aktion nicht vorhanden!
ja, so wird es bei mir im dreamweaver angezeigt, und so

http://evolution-ex.de/OCD/index.htm

eben in aktion. O_o

css code habe ich angegeben, könnte es sein, dass position:absolute sein muss? edit: - JA ^^

[Gast210225]

css code habe ich angegeben, könnte es sein, dass position:absolute sein muss? edit: - JA ^^

Heißt das, es geht nun?

[shizo]

tut es