Div-Container in Div-Container zentrieren

**ghostgambler** · 10.07.2007, 22:39

Code:

<body style="text-align:center;">
<div style="text-align:center; margin-left:auto; margin-right:auto;">
<div style="margin-left:auto; margin-right:auto; text-align:left;">
test
</div>
</div>
</body>

Wenn das nicht geht ist was anderes falsch - background-color:red/blue/yellow hilft beim ermitteln des fehlerhaften Elements und Eingrenzen der Problematik~

**asp2php** · 10.07.2007, 22:46

klingt nach liquid column, google mal

**mKorniK** · 10.07.2007, 22:56

hier mal der aktuelle Ausschnitt, in dem schon nichts mehr funktioniert

PHP-Code:


<style type="text/css">

#Layer {

   position: absolute;

   top: 50%;

   left: 50%;

   width: 824px;

   height : 400px;

   margin-top: -412px;

   margin-left: -2004px;

   border:1px solid #000000;

   padding:10px;

   overflow:auto;

}

-->

</style>

</head>



<body bgcolor="#717171">

<div id="Layer1" align="center" width:950px; height:586px;

z-index:1;"><img src="hintergrund.jpg" width="900" height="586" border="0" usemap="#Map">

<map name="Map">

<area shape="rect" coords="106,3,153,47" href="/news/home.php" target="iframe">

<area shape="rect" coords="217,6,298,48" href="haftung.htm" target="iframe">

<area shape="rect" coords="300,4,399,48" href="impressum.htm" target="iframe">

<area shape="rect" coords="520,3,615,48" href="/myguestbook/guestbook.php" target="iframe">

<area shape="rect" coords="719,4,794,46" href="tuning.htm" target="iframe">

<area shape="rect" coords="619,4,714,47" href="/board" target="_blank">

<area shape="rect" coords="157,3,213,47" href="links.htm" target="iframe">

<area shape="rect" coords="404,4,517,47" href="contact.php" target="iframe">

</map>

</div>

<div id="Layer"><iframe name="iframe" width=100% height=100% 

NORESIZE scrolling=Yes frameborder=0 marginheight=0 marginwidth=0 src="daten.htm"></iframe></div>

**asp2php** · 10.07.2007, 23:08

Brich deinen Code bitte

Was soll denn das hier?

<div id="Layer1" align="center" width:950px; height:586px; z-index:1;">

Kombiniere http://www.css4you.de/wslayout1/ex0003.html und http://www.alistapart.com/articles/negativemargins/ dann hast du's.

**mKorniK** · 10.07.2007, 23:17

Schuldigung,
hab den Code gebrochen..

Jetzt habe ich ein Problem.. Die erste Seite versuche ich jetzt umzusetzen.. jedoch ist die zweite auf Englisch. Das übersteigt leider meine Kenntnisse...

**asp2php** · 10.07.2007, 23:33

Da kann ich dir leider nicht helfen, da die meistens Links von mir sind auf Englisch

**mKorniK** · 10.07.2007, 23:45

nach dem der o.g. Source gar nicht funktionierte stell ich jetzt noch einen anderen ein, in dem ich das, vom ersten Link umgesetzt habe. Wenn ich das gleiche beim zweiten DIV-Tag mache, dann liegt der Container unter dem zweiten...

PHP-Code:


<body text-align:center; bgcolor="#FFFFFF">

<script type='text/javascript'>







function Go(){return}



</script>

<script type='text/javascript' src='exmplmenu_var.js'></script>

<script type='text/javascript' src='menu_com.js'></script>

<noscript>

your browser does not support script

</noscript>

<div id="Layer1" style="margin:0px auto;text-align:left; width:950px; 

height:586px;

 z-index:1; left: 5px; top: 5px;"><img src="hintergrund.jpg" width="900" height="586" border="0" usemap="#Map">

  <map name="Map">

    <area shape="rect" coords="313,11,343,20" href="/news/home.php" target="iframe">

    <area shape="rect" coords="397,9,444,20" href="haftung.htm" target="iframe">

    <area shape="rect" coords="455,8,515,21" href="impressum.htm" target="iframe">

    <area shape="rect" coords="586,11,649,19" href="/myguestbook/guestbook.php" target="iframe">

    <area shape="rect" coords="703,9,746,21" href="tuning.htm" target="iframe">

    <area shape="rect" coords="751,9,798,21" href="design.htm" target="iframe">

    <area shape="rect" coords="653,7,699,22" href="/board" target="_blank">

    <area shape="rect" coords="807,10,866,20" href="/topsite" target="iframe">

    <area shape="rect" coords="353,9,388,21" href="links.htm" target="iframe">

    <area shape="rect" coords="526,10,574,20" href="contact.php" target="iframe">

  </map>

</div>

<div id="Layer2" style="position:absolute; width:848px; height:316px; z-index:2; left: 29px; top: 243px;">

<iframe name="iframe" width=100% height=100% NORESIZE 

scrolling=auto frameborder=0 marginheight=0 marginwidth=0

    src="haftung.htm"></iframe></div>

Div-Container in Div-Container zentrieren