Das Forum bricht aus dem Design!

Ryo Hazuki
Ich versuche gerade das Forum an meinem neuen HP Style anzupassen. Doch dabei hab ich grössere Probleme als ich dachte.

Problembeschreibung:
Das Forum bleibt nicht in dem für ihn zugewissenen Raum.

CSS
code:
1:
2:
3:
4:
5:
6:
#forum
  {
  margin:0px 25px;
  max-width:500px;
  }


HTML in der header.tpl
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
<div id="wrap">
 <div id="header">
  <img src="../design/header_night.jpeg">
   </div>
    <div id="night_logo">
     <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
     codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,42,0"
     id="logo_night" width="604" height="100">
     <param name="movie" value="../design/logo_night.swf">
     <param name="bgcolor" value="#0F0E2A">
     <param name="quality" value="high">
     <param name="allowscriptaccess" value="samedomain">
     <embed type="application/x-shockwave-flash"
     pluginspage="http://www.macromedia.com/go/getflashplayer"
     width="604" height="100"
     name="logo_night" src="../design/logo_night.swf"
     bgcolor="#0F0E2A" quality="high"
     swLiveConnect="true" allowScriptAccess="samedomain"
     ></embed>
    </object>
   </div>
  <div id="mainmenu">
<ul id="menulist">
 <?php include("../templates/mainmenu.html"); ?>
  </ul>
 </div>
<div id="forum">


HTML in der footer.tpl
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
    </div>
   </div>
  </div>
 <div id="footer">
  <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.shenmue-saga.com/design/css_day.css"><img src="./design/css.gif" style="border:0;width:80px;height:15px" target="_blank"></a>
  <a href="http://validator.w3.org/check?uri=http://www.shenmue-saga.com"<img src="./design/xhtml10.gif" style="border:0;width:80px;height:15px" target="_blank"></a>
  <a href="http://www.mozilla-europe.org/de/products/firefox/"<img src="./design/firefox.gif" style="border:0;width:80px;height:15px" target="_blank"></a>
   </div>
</div>


Link zum Forum:

So soll das Forum aussehen und zwischen den beiden blauen Balken bleiben:
http://www.shenmue-saga.com/wbb2/index.php

Hier seht ihr wie es ausbricht:
http://www.shenmue-saga.com/wbb2/thread....d=6053#post6053
Radiation
Versuch mal im Designpack die Breite der inneren Tabelle zu verkleinern.
mkkcs
Zitat:
Original von Radiation
Versuch mal im Designpack die Breite der inneren Tabelle zu verkleinern.


ich glaub das bringt nicht viel, da bei einem Posting, die Breite durch die Buttons auseinander bzw. überschritten wird !

vielleicht solltest Du das ganze Forum einfach breiter machen, und dafür einen neutralen Hintergrund für die Header-animation wählen.

ich habs gerade gesehen, du müßtest natürlich die oberste Headergrafik header_night.jpeg noch ein wenig slicen damit das Board auch eine variable Breite hat !
Radiation
Ja, aber normalerweise rutschen die Buttons dann in eine 2te Zeile Augenzwinkern
mkkcs
Zitat:
Original von Radiation
Ja, aber normalerweise rutschen die Buttons dann in eine 2te Zeile Augenzwinkern


nein tun sie nicht !

hier mal ein Auszug aus der postbit für die obere Reihe
code:
1:
2:
        <td align="right" nowrap="nowrap"><a href="addreply.php?postid=$posts[postid]{$SID_ARG_2ND}"><img src="{$style['imagefolder']}/replypost.gif" border="0" alt="{$lang->items['LANG_THREAD_REPLYPOST']}" title="{$lang->items['LANG_THREAD_REPLYPOST']}" /></a> <a href="addreply.php?.......


die 2. Reihe ensteht nur bei der unteren Buttonreihe
OF-Shadow
nowrap="nowrap" ?

Nimms raus, dann rutschen sie auch runter Augenzwinkern
Ryo Hazuki
Danke für eure Hilfe. großes Grinsen

Das entfernen von"nowrap" in der "thread_postbit" hat geholfen. :lol