sph: 3 x background-image - nur wie?

Beitrag lesen

hallo!

du hast mich schonmal ungemein beruhigt - nämlich mit der vermutung dass das was ich will an sich, generell, grundsätzlich schon irgendwie zu bewerkstelligen ist :)

so, ich hab mal was online gestellt - ich glaube das ganze kann man auf vielerlei wege realisieren, ich hab die divs, in die mal der content soll, nur deswegen gefloatet weil ich so mit größenangaben, abständen und evtl. noch weiteren divs besser klarkomme.

allerdings musste ich auch meine umschließenden divs floaten, da diese sonst nicht über die komplette höhe des inhalts "aufgespannt" wurden.

du hast eine absolute positionierung erwähnt - wie verträgt sich das mit dem floating?

naja, hier jedenfalls der link:

http://5ph.5p.funpic.de/tmp/

der einfachkeit hier mal nur die relevanten codebereiche, als wa wären
html:

  
<div id="container">  
  <div id="content_bg_top">  
    <div id="content_bg_bottom">  
  
        <div id="left">  
  
                <!-- placeholder: left -->  
  
        </div>  
  
  
         <div id="right">  
  
                <!-- placeholder: right -->  
  
         </div>  
    </div>  
  </div>  
</div>  

und css:

  
#container {  
  float: left;  
  width: 840px;  
  margin: 0 0 0 30px;  
  background: url(../img/content_bg.gif) left top repeat-y;  
}  
* html #container {  
  margin: 0 0 0 15px;  
}  
#content_bg_top {  
  float: left;  
  margin: 0 0 0 0;  
  padding: 0 0 0 0;  
  background: url(../img/content_bg_top.gif) left top no-repeat;  
}  
#content_bg_bottom {  
  float: left;  
  margin: 0 0 0 0;  
  padding: 0 0 0 0;  
  background: url(../img/content_bg_bottom.gif) left bottom no-repeat;  
}  

soviel also dazu, ich glaube jetzt ist eindeutig welches problem ich lösen will. falls noch fragen offen sind - einfach melden, ich geb mein bestes um willige helfer zu unterstützen :)

ach ja - falls sich das jemand ansieht:
ich hab leider nicht die möglichkeit sämtliche browser und versionen zu testen. im firefox sollte alles so sein wie ich mir das vorstelle, für ie6 und ie7 sind css-hacks vorhanden (die ie7-hacks hab ich gerade erst angefügt, ich hoffe da beißt sich nix mit denen für ie6, ich kann das erst nächste woche wieder testen...). für opera wird erst später optimiert, ich denke das wird nicht all zu viel sein.

falls jemand andere browser - oder noch besser, andere betriebssysteme nutzt wäre ich für jeden hinweis auf eventuelle bugs dankbar! meine größte sorge ist dabei die zentrierte navigations-liste, gefolgt von den gefloateten divs....

besten dank & liebe grüße,

sph

ps: nicht von den verschobenen links in der navigation beirren lassen - da kommen mal grafiken hin ;)