Seite 1 von 1

[CSS] Problem mit div Überlappung

Verfasst: 19.01.2006 21:22
von 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;
}

Verfasst: 20.01.2006 15:29
von shizo
zu kompliziert? ^^

Verfasst: 20.01.2006 15:44
von Pyramide

Verfasst: 21.01.2006 12:13
von shizo
beides. mehrmals ;)

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

edit: muss position:absolute sein?

Verfasst: 21.01.2006 12:33
von Gast210225
Machst du mal einen Screenshot, wie es aussehen soll?

Viele Grüße,
Johannes

Verfasst: 21.01.2006 18:51
von 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 ^^

Verfasst: 22.01.2006 11:09
von Gast210225
css code habe ich angegeben, könnte es sein, dass position:absolute sein muss? edit: - JA ^^
Heißt das, es geht nun?

Verfasst: 22.01.2006 16:11
von shizo
tut es ;)