mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 06.12.2016 13:19 Benutzername: Passwort: Auto-Login

Thema: relative box positionierung mit z-index vom 08.12.2005

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> relative box positionierung mit z-index
Autor Nachricht
elPadre
Threadersteller

Dabei seit: 07.12.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 08.12.2005 12:48
Titel

relative box positionierung mit z-index

Antworten mit Zitat Zum Seitenanfang

Hallo Jungs,

ich schon wieder Grins

Bin nun an ein neues Problem gestroßen nachdem ich das mit der CENTER ausrichtung mit 2 übergeordneten verschachtelten Divs lösen konnte

Code:
#root{
   position:absolute;
    top:20px;
    left:0;
    width:100%;
    text-align:center
    z-index: 0;
}
#root2{
    margin:auto;
    width:780px;
    text-align:left;
    padding:20px
    z-index: 1;
}



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Mein neues Problem liegt darin das ich eine News Box relativ über 2 divs legen muss.

Das funktioniert auch soweit ganz gut nur hab ich das Problem das er die höhe meiner box die ich über 2 flächen liegen habe immer die größe an das darunterliegende div übergibt also die höhe nun hab ich immer einen ungewollten zusätzlichen abstand .

Normal sollte sich das ja mit dem z-index lösen lassen jedoch finde ich nur beispiele und lösungen wie das mit absolut positionieren elementen funktioniert.

hat jemand schonmal das gemacht mit relativ ? und z-index

Code:
#content     {background:#000080; float: left; width:780px; z-index: 2;} 
#box    {position:relative; top:-41px; left:580px; width:192px;  z-index: 2;}
#box_top    {background:url(../style/box_01.gif); height:33px; width:192px;  z-index: 2;}
#box_hg    {background:url(../style/hg_box.gif); height:200px; width:192px;  z-index: 2;}
#box_footer {background:url(../style/box_02.gif); float: right; height:15px; width:192px;  z-index: 2;} 


Code:
<!----------image bereich---------->
   <div id="bilder"><img src="./style/top_01.jpg" width="390" height="134" border="0" alt=""><img src="style/top_02.jpg" width="390" height="134" border="0" alt=""></div>
   <!----------image bereich---------->

   <!----------banner bereich---------->
   <div id="banner"><img src="./style/ba_<?echo$topic;?>.gif" width="780" height="125" border="0" alt=""></div>
   <!----------banner bereich---------->

   <!----------mittlerer bereich---------->
   <div id="content">
        <div id="box">
           <div id="box_top"></div>
           <div id="box_hg"></div>
           <div id="box_footer"></div>
      </div>
        <div id="text">
           <!--Layout-->
               <?
                switch($topic){
               case "a1":
                    include("./templates/a1.htm");
                    break;
               case "a2":
                    include("./templates/a2.htm");
                    break;
               case "a3":
                    include("./templates/a3.htm");
                    break;
               case "a4":
                    include("./templates/a4.htm");
                    break;
               case "a5":
                    include("./templates/a5.htm");
                    break;
               case "a6":
                    include("./templates/a6.htm");
                    break;
               case "a7":
                    include("./templates/a7.htm");
                    break;
               case "a8":
                    include("./templates/a8.htm");
                    break;
               case "a9":
                    include("./templates/a9.htm");
                    break;
               case "a10":
                    include("./templates/a10.htm");
                    break;
               }
               ?>
            <!--Layout-->
        </div>
   </div>
   <!----------mittlerer bereich---------->
  View user's profile Private Nachricht senden
Ähnliche Themen Dropdown - relative Positionierung
Relative und Absolute Positionierung
Spezielle CD/DVD Box (Amaray-Box in CD größe)
select-box option aktiviert select-box
position : relative
Relative Pfade in Director
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.