mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 26.04.2024 09:25 Benutzername: Passwort: Auto-Login

Thema: z-index Probleme unter ie6, 7 und 8 vom 02.08.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> z-index Probleme unter ie6, 7 und 8
Seite: 1, 2  Weiter
Autor Nachricht
pidigi
Threadersteller

Dabei seit: 24.08.2006
Ort: Köln
Alter: 43
Geschlecht: Männlich
Verfasst Mo 02.08.2010 22:55
Titel

z-index Probleme unter ie6, 7 und 8

 Antworten mit Zitat Zum Seitenanfang
Hallo zusammen,

ich habe 2 Boxen, die übereinander gelegt sind. (z-index 10 ud 1)
Code:

#header{
position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: auto;}


Code:

#sitebox{
   width: 960px;
   height: auto;
   z-index: 1;
   margin: 0 auto;
   text-align: center;   
   }



Diese werden unter Firefox und IE völlig anders dargestellt. Siehe FOTO!
Wie kann ich das unter IE6,7 und 8 hin bekommen, dass der Sitebox exakt bei position 0 beginnt? Quasi exakt darunterliegt? Es klebt die ganze zeit unter der "header-box"!


  View user's profile Private Nachricht senden
l8rdude

Dabei seit: 30.07.2009
Ort: Nordhorn
Alter: -
Geschlecht: Männlich
Verfasst Mo 02.08.2010 23:41
Titel

Antworten mit Zitat Zum Seitenanfang
So?

http://jsfiddle.net/T36PS/

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   <head>
      <title>Hallo</title>
      <style type="text/css">
      body {
         margin: 0;
         padding: 0;
         color: #000000;
      }
      
      #header {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: auto;
         background-color: #d5ad6f;
      }
      
      #sitebox {
         background-color: #708cd6;
         width: 960px;
         height: 300px;
         margin: 0 auto;
      }

      #content {
         background-color: #cac532;
         height: 100px;
         width: 960px;
         margin: 20px auto 0;
      }
      
      </style>
   </head>
<body>
   <div id="header">z-index 10</div>
   <div id="sitebox">z-index 1</div>
   <div id="content">Deutsche Rentenversicherung Bund</div>
</body>
</html>


Zuletzt bearbeitet von l8rdude am Mo 02.08.2010 23:49, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
pidigi
Threadersteller

Dabei seit: 24.08.2006
Ort: Köln
Alter: 43
Geschlecht: Männlich
Verfasst Mo 02.08.2010 23:49
Titel

Antworten mit Zitat Zum Seitenanfang
hmm.. Ne! Wieso hast du die z-index Angaben weggelassen. Die brauche ich damit der Kopf immer im Vordergrund stehen kann. Es ist wieder ein IE Krankheit, die man sicher ganz einfach lösen kann?!? *Whaazzzz uppp?*
  View user's profile Private Nachricht senden
l8rdude

Dabei seit: 30.07.2009
Ort: Nordhorn
Alter: -
Geschlecht: Männlich
Verfasst Mo 02.08.2010 23:58
Titel

Antworten mit Zitat Zum Seitenanfang
Der Kopf ist doch im Vordergrund:

http://img68.pinkyshare.com/68tbffbl96
  View user's profile Private Nachricht senden
pidigi
Threadersteller

Dabei seit: 24.08.2006
Ort: Köln
Alter: 43
Geschlecht: Männlich
Verfasst Di 03.08.2010 00:03
Titel

Antworten mit Zitat Zum Seitenanfang
richtig! aber wie kriege ich das hin, dass der Blue-Box mit z-index 1 exakt darunter liegt. Wie FireFox auf der rechte Seite.
Der InternetExplorer floatet ja mein Box & das will ich verhindern.
  View user's profile Private Nachricht senden
l8rdude

Dabei seit: 30.07.2009
Ort: Nordhorn
Alter: -
Geschlecht: Männlich
Verfasst Di 03.08.2010 00:06
Titel

Antworten mit Zitat Zum Seitenanfang
Meinst du jetzt exakt darunter ANLIEGEND oder drunter? Drunter ist es jetzt. Deiner Darstellung kann man auch nichts anderes entnehmen.
  View user's profile Private Nachricht senden
pidigi
Threadersteller

Dabei seit: 24.08.2006
Ort: Köln
Alter: 43
Geschlecht: Männlich
Verfasst Di 03.08.2010 00:15
Titel

Antworten mit Zitat Zum Seitenanfang
Also ANLIEGEND!
Ich habs noch mal Rot markiert damit man das besser erkennen kann. Der Box soll ganz oben links bei position (0 0) beginnen.

  View user's profile Private Nachricht senden
l8rdude

Dabei seit: 30.07.2009
Ort: Nordhorn
Alter: -
Geschlecht: Männlich
Verfasst Di 03.08.2010 01:12
Titel

Antworten mit Zitat Zum Seitenanfang
Code:
margin: 0 auto;

raus
  View user's profile Private Nachricht senden
 
Ähnliche Themen Probleme mit z-index
[erledigt] Dropdown Menü, Probleme mit z-index im ie... :(
z-index:-1 im IE
css z-index ebenen
z-index und flash
Pop-up beim Index
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB