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

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Sa 20.04.2024 03:35 Benutzername: Passwort: Auto-Login

Thema: z-index Problem vom 30.11.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> z-index Problem
Autor Nachricht
kiwi244
Threadersteller

Dabei seit: 27.03.2011
Ort: Saarland
Alter: 53
Geschlecht: Weiblich
Verfasst Mi 30.11.2011 11:38
Titel

z-index Problem

 Antworten mit Zitat Zum Seitenanfang
Hallo zusammen,


Problem: Ich will den Text über das contentbild bekommen, da dieses nach links in transparenz überläuft.

ich knoddel jetzt schon ein ganze Weile an diesem Problem rum. Self-Html und diverse Seiten zu css hab ich konsultiert - da sieht es auch ganz einfach und logisch aus, Probeseite, die ich auf diesen Teil des Codes reduziert habe, funzt auch - nur beim eigentlichen Projekt mache ich offensichtlich einen Denkfehler. Bloß wo? Kann mir jemand einen Schubbs geben, bitte? (Ich habe die z-indices mit Absicht in den Tags angegeben, wenn sie stimmen, kommen sie in die css-Angaben )



Code:
<div id="content" style="z-index: 2;"><!--gruener Rahmen-->
<h2><img src="pics/logo.png" alt="Thiery, Feit und Kollegen" border="0" width="350" height="65"></h3>
<h3><img src="pics/thiery-feit.png" alt="Anwalt Kanzlei" border="0" width="886" height="260"></h2>

<div id="contentbild" style="z-index: 1;"><img src="pics/kanzlei.jpg" alt="" border="0" width="352" height="242"></div>

<!-- Text-Inhalt-->
<div class="text" style="z-index: 3;">

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div><!-- Ende Text-Inhalt-->


Hier die Style-Angaben:
Code:



h2 {
   position: absolute;
   top:-67px;
   left:0px;
   margin:0;
   }

h3 {
   margin:0;
   position: absolute;
   top: -65px;
   left:4px;
   }

.text    {
         padding-top:200px;
         padding-left:10px;
         font-size: 12px;
         line-height: 14px;
         text-align:left;
         padding-bottom:10px;

         }


#contentbild     {
                 min-width:250;
                 position:absolute;
                 right: 0;
                 bottom: 0;
                                 /*border: solid orange;*/
                 }


dankbar für den Schubbs vom Schlauch
  View user's profile Private Nachricht senden
kiwi244
Threadersteller

Dabei seit: 27.03.2011
Ort: Saarland
Alter: 53
Geschlecht: Weiblich
Verfasst Mi 30.11.2011 11:58
Titel

Antworten mit Zitat Zum Seitenanfang
Ich hab`s - und geh mich schämen ... funktioniert natürlich nur und ausschließlich bei absoluter Positionierung.

@ Mod: kann gern gelöscht werden ...
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen Problem mit z-index
PHP-Problem mit index.php und Navi
mousover DIV ein-/ausblenden Problem (z-index, verzögerung)
z-index Problem, Navigation verschwindet hinter Flash
z-index:-1 im IE
CSS und zentrierung von z-index
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


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