MarkusT: <DIV> Container zentrieren tja schön wärs

Hallo ihr lieben Selfhtmler,

ich weiß nicht mehr weiter und brauche bitte Hilfe:

3 divs in einem übergeordnetem div, einer links, einer mitte und einer rechts.
scheint ja alles simple zu sein...nur geht der in der mitte nicht in die mitte *g*

Und ja ich weiß dass dieses Thema schon x mal zur sprache kam, aber ich hab mich durch beiträge durchgeforstet und entweder die falschen schlüsse gezogen oder was überlesen ;)

<div id="mainframe">
  <div id="spalte-links">
Inhalt links
  </div>
  <div id="spalte-mitte">
Inhalt mitte
  </div>
  <div id="spalte-rechts">
  Inhalt rechts
  </div>
 </div>

#mainfraime
{position:relative;width:100%;}
#spalte-links {position:absolute;width:156px;top:0px;left:0px;}
#spalte-mitte {margin:0 auto;height:100%;padding-right:2px;width:60%;}
#spalte-rechts {position:absolute;top:0px;right:0px;overflow:hidden;
    text-align:center;
    height:800px;
    width:156px;
    padding:0;
    margin:0;
    z-index:5;
}

nuja soweit zum codeauszug... aus einigen gründen muss "#mainfraime" relative und spalte links und rechts absolute positioniert werden.
aber soweit ich das verstehe hat das auf das margin vom mittleren container keinen einfluss da die ja quasi außerhalb des ganzen stehen.

setze ich ein <div align="center"> positionierts mir der IE aber Opera und Mozilla streiken oder machens richtig k.A..
Aja der Browser befindet sich im Standard Mode und doctype ist XHTML 1.0 Transitional. Würd auch strict nehmen wenn strict iframes durchlassen würd :).

Vielen Dank im voraus für eure Hilfe.
Markus

  1. Was dir also noch fehlt, ist eine margin Angabe für den content, die vermeidet, dass content-content unterhalb der durch position absolute aus dem normal flow genommenen Bereiche überdeckt werden.

    mfg Beat;

    --
    Woran ich arbeite:
    X-Torah
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o