Torsten: Probleme mit absoluter Positionierung

Beitrag lesen

Hi,

genau das ist meine Frage, wie kann ich es denn sonst machen?
indem Du das zentrierte Element, in dem sich die Grafik befindet, anders als static positionierst.

könntest Du mir das etwas genauer erläutern?
Wenn ich es als was anderes positioniere, zerschießt es mir mein ganzes Layout. Wie soll ich es denn positionieren, absolute? Am besten ich poste Dir mal mein BOX-Layout, vielleicht wird dann mein Problem eher klar.

hier erst noch mal die index.php:

  
<body onLoad="dyndiv();">  
  <div class="center">  
    <div class="header"></div>  
    <div id="nav">  
      <div class="ct_pic"></div>  
      <div class="headmenu"><?=$headmenu?></div>  
      <div class="menu"><?php menu(); ?></div>  
      <div class="logo"></div>  
    </div>  
    <div id="content"><?php include($_GET["page"]); ?></div>  
    <div class="footer"></div>  
</div>  
</body>  

BOX-LAYOUT:

  
  /*************  
    Center-BOX  
  *************/  
  div.center {  
    width:900px;  
    margin:0px auto;  
    text-align:center;  
    margin-top:25px;  
  }  
  
  /******************  
    Header-BOX (top)  
  *******************/  
  div.header { width:900px; height:50px; }  
  div> div.header { background-image:url('../pics/top.png') }  
  * html div.header {  
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.t-hp.de/noClan/pics/top.png', sizingMethod='scale') }  
  
  /***********************  
    Navication-BOX (left)  
  ***********************/  
  #nav {  
    position:absolute;  
    width:148px;  
    float:left;  
    border-left:1px solid #6E470A;  
    border-right:1px solid #6E470A;  
  }  
  
  /********************  
   Content-BOX (right)  
  *********************/  
  #content {  
    width:743px;  
    float:right;  
    margin-top:5px;  
    border:1px solid #6E470A;  
  }  
  div> #content, #nav {  
background-image:url('../pics/transparenz/black_50.png') }  
  * html #content, #nav {  
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.t-hp.de/noClan/pics/transparenz/black_50.png', sizingMethod='scale') }  
  
  /********************  
    Footer-BOX (bottom)  
  *********************/  
  div.footer {  
    width:895px;  
    height:50px;  
    clear:left;  
    padding-left:5px;  
    font-size:6pt;  
    font-weight:normal;  
  }  
  div> div.footer { background-image:url('../pics/bottom.png'); }  
  * html div.footer {  
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.t-hp.de/noClan/pics/bottom.png', sizingMethod='scale') }  

Typ-mit-gewehr-grafik:

  
div.ct_pic {  
    margin-left:5px;  
    top:5px;  
    position:absolute;  
    width:140px;  
    height:242px;  
    background-image:url('../pics/test.gif');  
  }  

am liebsten würde ich Dir mal meine komplette Page als ZIP-File senden, aber ich glaube die Arbeit will sich keiner machen, mal drüber zu schauen, kann ich auch verstehen, aber fragen kostet ja nichts.

Müsste ich vielleicht all meine BOX-Elemente absolut positionieren, außer die Center-Box? Ich glaube das würde aber fatale Auswirkungen auf den Rest der Seite geben, quasi eine Kettenreaktion mit Entstehung ganz anderer Probleme.

Also ich bin ganz ehrlich mit meinem Latein am Ende.

Gruß
Torsten