Boardbreite auf Startseite falsch

[Fischmob 0]

Hallo Leute,

ich habe ein Forum (IPB 1.3.1) neu aufgesetzt und möchte es im rechten Teil eines Framesets laufen lassen, damit zwischen linkem (Navigations-)frame und dem rechten Frame der das Forum zeigt kein Abstand ist habe ich im Wrapper die table-width auf 100% gesetzt.

Folgendes Problem tritt dabei auf:

Die Startseite ist zu breit für den Frame, so dass ein horizontaler Scrollbalken erscheint.

Ich habe testweise den Nav-Frame verschmälert, dies brachte aber keine Wirkung. Selbst wenn ich nur das Forum lade ist es breiter als das Browserfenster.

Demolinks:

WinInst.de mit Nav-Frame

Forum ohne Nav-Frame

Das Problem tritt nur auf der Forenstartseite auf, wechsle ich in ein Forum oder die Mitgliederliste ist das Forum genau 100% des Browserfenster bzw. des Frames breit.

Ich weiss leider nicht mehr wo ich suchen soll, hat jemand einen Tip für mich?

[Fischmob 0]

Eine kleine Ergänzung:

...mir isst aufgefallen das das Problem nur im IE auftritt, in Firefox sieht alles normal aus.

Ein weiteres Problem ist das Logo in der Kopfzeile des Forums, ich habe das IPB Logo durch ein Blanko ersetzt, im IE verutscht dieses etwas nach unten, in Firefox sieht es aber richtig aus, habt Ihr dazu eine Idee?

[Modula 0]

Das Zauberwort: Conditional Comments

Damit in meinem Forum das Logo z.B. an der gleichen Stelle steht wie im FF sieht der Code so aus:

[...]<!--IBF.BANNER-->

<div id='logostrip'>

<!--[if IE]>

  <a href='{ibf.script_url}' title='Board Home'><img src='../banner/banner.jpg' alt='Powered by Invision Power Board' border="0" /></a>

<![endif]-->

<![if !IE]>

<table border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td>

      <img src="{ibf.vars.img_url}/spacer.gif" border="0" alt="" height="2" />

    </td>

  </tr>

  <tr>

    <td>

      <a href='{ibf.script_url}' title='Board Home'><img src='../banner/banner.jpg' alt='Powered by Invision Power Board' border="0" /></a>

    </td>

  </tr>

</table>

<![endif]>

</div>

<!-- IE6/Win TABLE FIX -->[...]

Musst du natürlich entsprechend deines Logos mit den Größen anpassen, da ist ein wenig rumprobieren von nöten.

IDR ist es einfacher, das ganze zunächst für den IE zu optimieren und dann Änderungen für FF über die Kommentare einzupflegen.

[Fischmob 0]

Danke für den Tip.

Habe den Code eingebaut und angepasst, das brachte allerdings keinerlei veränderung. Ich habe auch mit der "height" Angabe des Spacers herumgespielt, auch dabei konnte ich keine optische Änderung feststellen.

Ich werde heute Abend nochmal probieren die höhe meiner Blanko-Grafik zu ändern, mal schauen ob das was bringt.

Hast du evtl. auch eine Idee warum das Forum zu breit ist? Wenn jemand Codeschnipsel oder FTP Zugang benötigt bitte kurz per PM fragen, Danke!

[GreyCrow 0]

Ich muss gestehen, dass die Blanko Grafik bei mir weder im Firefox noch im IE korrekt dargestellt wird (Firefox 1.0x, Win). Beim IE ist sie um ein bis zwei Pixel nach unten verrückt, beim Firefox ca. 15 bis 20px.

Da das Box-Modell des IE etwas "daneben" ist, könnte es gut sein, dass margin oder padding Angaben das Problem mit der Scrollleiste hervorrufen. Evtl. würde hier ein margin-right oder padding-right helfen.

Grey

[Fischmob 0]

Ich muss gestehen, dass die Blanko Grafik bei mir weder im Firefox noch im IE korrekt dargestellt wird (Firefox 1.0x, Win). Beim IE ist sie um ein bis zwei Pixel nach unten verrückt, beim Firefox ca. 15 bis 20px.

Das liegt daran das ich den height Wert des Spacers testweise auf 20 gesetzt hatte, hab ich jetzt auf 0 gesetzt und sieht im FF 1.04 Win wieder so aus wie es sein soll.

Im moment sieht der Code bei mir so aus:

<!--IBF.BANNER-->

<div id='logostrip'>


<!--[if IE]>

  <a href='{ibf.script_url}' title='Forum | Startseite'><img src='../forum/style_images/1/logo4.jpg' alt='Win Inst . de |automatische Windows Installation' border="0" /></a>

<![endif]-->


<![if !IE]>

<table border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td>

      <img src="{ibf.vars.img_url}/spacer.gif" border="0" alt="" height="0" />

    </td>

  </tr>

  <tr>

    <td>

  <a href='{ibf.script_url}' title='Forum | Startseite'><img src='../forum/style_images/1/logo4.jpg' alt='Win Inst . de |automatische Windows Installation' border="0" /></a>

    </td>

  </tr>

</table>

<![endif]>


</div>


<!-- IE6/Win TABLE FIX -->

<table  width="100%" cellspacing="6" id="submenu">

<tr>

 <td><a href='{ibf.vars.home_url}'>{ibf.vars.home_name}</a><!--IBF.RULES--></td>

 <td align="right">

   <img src="{ibf.vars.img_url}/atb_help.gif" border="0" alt="" />&nbsp;<a href='{ibf.script_url}act=Help'>{ibf.lang.tb_help}</a>

   &nbsp; &nbsp;&nbsp;<img src="{ibf.vars.img_url}/atb_search.gif" border="0" alt="" />&nbsp;<a href='{ibf.script_url}act=Search&amp;f={$ibforums->input['f']}'>{ibf.lang.tb_search}</a>

   &nbsp; &nbsp;&nbsp;<img src="{ibf.vars.img_url}/atb_members.gif" border="0" alt="" />&nbsp;<a href='{ibf.script_url}act=Members'>{ibf.lang.tb_mlist}</a>

   &nbsp; &nbsp;&nbsp;<img src="{ibf.vars.img_url}/atb_calendar.gif" border="0" alt="" />&nbsp;<a href='{ibf.script_url}act=calendar'>{ibf.lang.tb_calendar}</a>

Welchen teil Code müsste ich denn entsprechend ändern bezogen auf deinen Tip mit margin-right bzw. padding-right....bin leider noch nicht so bewandert da ich vor kurzem erst mit dem ganzen HTML/PHP kram angefangen habe :blush:

[Modula 0]

Geht es dir darum, dass da als "Logo" gar nichts angezeigt wird? Ich denke, dann wäre das einfachste, du änderst den Code so:

[...]

<!--IBF.BANNER-->

<!-- IE6/Win TABLE FIX -->

[...]

Also einfach alles zwischen <!--IBF.BANNER--> und <!-- IE6/Win TABLE FIX --> löschen ;)

[GreyCrow 0]

Dem kann ich nur zustimmen :)