elPadre
Threadersteller
Dabei seit: 07.12.2005
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 08.12.2005 13:48
Titel relative box positionierung mit z-index |
|
|
Hallo Jungs,
ich schon wieder
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----------> |
|
|