ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » Vertikale Shoutbox / Browserprobleme

Geschlossen
  1. #1
    User Pic
    HeaddyDaddy Mitglied
    Registriert seit
    22.03.2011
    Beiträge
    62
    Beitragswertungen
    1 Beitragspunkte
    Hallo Community,

    ich habe kürzlich ein neues Design auf meine Homepage gespielt.
    Nun wollte ich die vertikale Shoutbox
    (externer Link
    auf der Seite einbinden.

    Wenn ihr sehen wollt wo ich die haben will, öffnet die Seite mit dem neusten Mozilla FireFox Browser. (5.0 glaube ich)

    Wenn ihr sehen wollt wo sie nicht sein soll, nutzt den Internet Explorer traurig
    Weitere Brwoser habe ich bisher nicht ausprobiert.

    Kann mir evt. einer sagen woran das liegt das er bei der gleichen style.css in unterschiedlichen Browser solche Anzeigefehler hat?

    Mit freundlichen Grüßen

    Flo

    betroffene Homepage: angelusmortis.clan-base.de
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    MVN050 Mitglied
    Registriert seit
    20.09.2008
    Beiträge
    1.273
    Beitragswertungen
    29 Beitragspunkte
    mach einfach ne nachrichtig bei IE da wo die shoutbox bei FF ist das man die shoutbox unten suchen soll xD

    ich halt nit viel von der shoutbox sorry(muss man zuviel scrollen)

    aber kannst ja mal deine index.htm hier posten damit man vllt ma drüber kucken kann
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    HeaddyDaddy Mitglied
    Registriert seit
    22.03.2011
    Beiträge
    62
    Beitragswertungen
    1 Beitragspunkte
    Der Quelcode meiner Index.htm ist wie folgt (Die Shoutbox ist in Zeile 52 zu finden):

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <!-- Codierung by Maretz.eu - Free Ilch Clan und Community Templates -->
    <head>
    <title>{TITLE}</title>
    <link rel="stylesheet" type="text/css" href=
    "include/designs/mar_EterG/style.css" />
    <script type="text/javascript" src="include/designs/mar_EterG/js/typeface-0.15.js"></script>
    <script type="text/javascript" src="include/designs/mar_EterG/js/gears_of_peace_regular.typeface.js"></script>
    <script type="text/javascript" src="include/designs/mar_EterG/js/gradualfader.js">
    
    /***********************************************
    * Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
    * This notice must stay intact for legal use
    ***********************************************/
    
    </script>
    </head>
    <body>
    <div align="center"><div id="full"><a name="anfang" id="anfang"></a>
    <!-- BREAK //-->
    <div id="img_1" align="left"><div id="loginpanel" align="right">{_boxes_login_mar}</div><div id="statistikpanel" align="left">{_boxes_statistikvw}</div></div>
    <div id="img_2" align="left">
    <div id="buttons" align="left"><a href="index.php?" title="Home" onmouseover="document.getElementById('button0').src='include/designs/mar_EterG/buttons/home_a.png';"onmouseout=
    "document.getElementById('button0').src='include/designs/mar_EterG/buttons/home.png';"><img src="include/designs/mar_EterG/buttons/home.png" alt="Home" border="0" id="button0" name="button0" /></a><a href="index.php?forum" title="Forum" onmouseover="document.getElementById('button1').src='include/designs/mar_EterG/buttons/forum_a.png';"onmouseout=
    "document.getElementById('button1').src='include/designs/mar_EterG/buttons/forum.png';"><img src="include/designs/mar_EterG/buttons/forum.png" alt="Forum" border="0" id="button1" name="button1" /></a><a href="index.php?teams" title="Teams" onmouseover="document.getElementById('button2').src='include/designs/mar_EterG/buttons/teams_a.png';"onmouseout=
    "document.getElementById('button2').src='include/designs/mar_EterG/buttons/teams.png';"><img src="include/designs/mar_EterG/buttons/teams.png" alt="Teams" border="0" id="button2" name="button2" /></a><a href="index.php?user" title="MemberList" onmouseover="document.getElementById('button3').src='include/designs/mar_EterG/buttons/member_a.png';"onmouseout=
    "document.getElementById('button3').src='include/designs/mar_EterG/buttons/member.png';"><img src="include/designs/mar_EterG/buttons/member.png" alt="Member" border="0" id="button3" name="button3" /></a><a href="index.php?joinus" title="Join Us" onmouseover="document.getElementById('button4').src='include/designs/mar_EterG/buttons/joinus_a.png';"onmouseout=
    "document.getElementById('button4').src='include/designs/mar_EterG/buttons/joinus.png';"><img src="include/designs/mar_EterG/buttons/joinus.png" alt="JoinUs" border="0" id="button4" name="button4" /></a><a href="index.php?fightus" title="Fight Us" onmouseover="document.getElementById('button5').src='include/designs/mar_EterG/buttons/fightus_a.png';"onmouseout=
    "document.getElementById('button5').src='include/designs/mar_EterG/buttons/fightus.png';"><img src="include/designs/mar_EterG/buttons/fightus.png" alt="Fightus" border="0" id="button5" name="button5" /></a><a href="index.php?gbook" title="G-Book" onmouseover="document.getElementById('button6').src='include/designs/mar_EterG/buttons/gbook_a.png';"onmouseout=
    "document.getElementById('button6').src='include/designs/mar_EterG/buttons/gbook.png';"><img src="include/designs/mar_EterG/buttons/gbook.png" alt="Gbook" border="0" id="button6" name="button6" /></a><a href="index.php?contact" title="Contact to {SITENAME}" onmouseover="document.getElementById('button7').src='include/designs/mar_EterG/buttons/contact_a.png';"onmouseout=
    "document.getElementById('button7').src='include/designs/mar_EterG/buttons/contact.png';"><img src="include/designs/mar_EterG/buttons/contact.png" alt="Contact" border="0" id="button7" name="button7" /></a></div>
    <div id="mediabox" align="left">{_boxes_showbox}</div>
    <div id="forumbox" align="left">{_boxes_lastforum_bwmod}</div>
    </div>
      <br style="clear: both;" />
      <div id="content-bg"  style="margin-top:-20px">
     
      <div id="left_col">
    
        {_list_menunr1@
                <div id="menu_heading_left" >
    <div id="menu_heading_left_font">%1</div>
      </div>
    <div id="menuleftmiddle" align="left" valign="top" class="menuone">%2</div>
    <div id="menuleftbottom" align="left" valign="bottom" ></div>
        }
    
      </div>
    <div id="shoutbox">{_boxes_v_shoutbox}</div><div id="head_content" align="left"><div id="tophmenu" align="left"><span class="hmenustyle">{HMENU}</span></div></div><div id="main_col" align="left">
    <div id="main_colin">{EXPLODE}</div>
    <div id="foot" align="left"></div></div>
    
      <div id="right_col" style="margin-top:-29px">
    
        {_list_menunr2@
                <div id="menu_heading_right" >
    <div id="menu_heading_right_font">%1</div>
    </div>
    <div id="menurightmiddle" align="left" valign="top" >
    <div class="menutwo">%2</div>
    </div>
    <div id="menurightbottom" align="right" valign="bottom" ></div>
        }
    
      </div>
    
      <br style="clear: both;" />
    <table id="full" cellpadding="0" cellspacing="0" align="left">
    <tr>
        <td width="1038" height="70" align="left" valign="top" background="include/designs/mar_EterG/images/foot_partner.png"><div id="partnerbanner" align="center"><a href="http://www.battle.net/" class="anotherclass gradualfader" target="_blank"><img src="include/designs/mar_EterG/partner/banner1.jpg"></a></div></td>
    </tr>
    </table>
    <table id="full" cellpadding="0" cellspacing="0" align="left">
    <tr>
    <td><img src="include/designs/mar_EterG/images/foot_end.png" width="1038" height="34" border="0" usemap="#foot"><map name="foot"><area shape="rect" coords="880,1,994,18" href="http://www.maretz.eu" alt="" title="Maretz.eu | Free Ilch Clan und Community Templates" target="_blank"><area shape="rect" coords="999,1,1020,18" href="#anfang" alt="" title="Top Page" target=""><area shape="rect" coords="20,1,57,18" href="index.php" alt="" title="Home Site" target="_self"><area shape="rect" coords="60,1,106,18" href="index.php?contact" alt="" title="Contact to {SITENAME}" target="_self"><area shape="rect" coords="110,1,155,18" href="index.php?impressum" alt="" title="Impressum" target="_self"></map></td>
    </tr>
    </table>
    </div>
    </div>
    <script type="text/javascript">
    gradualFader.init() //activate gradual fader
    </script>
    </body>
    </html>
    <!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}
    {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
    {_list_hmenubegi@<ul>}
    {_list_hmenuende@</ul>}
    {_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>}
    {_list_vmenubegi@}
    {_list_vmenuende@}//-->
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    HeaddyDaddy Mitglied
    Registriert seit
    22.03.2011
    Beiträge
    62
    Beitragswertungen
    1 Beitragspunkte
    Hat keiner eine Idee?

    Ich verzweifle hier allmälich traurig
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    Servus.

    So wie es jetzt momentan aussieht, ist die Shoutbox einfach zu Groß eingestellt (Breite).Ansichten schauen bei mir gleich aus im IE /FF. Diese kannst Du in der Scoutbox.php in Zeile 27 ändern.Anstatt width in % angegeben eine feste Größe setzen, angepasst an den Bereich wo diese platziert ist.

    Mfg Maretz

    Edit: Sry, ich sehe grade, dass Du diese ja auch in der index_forum.htm einsetzen willst.
    Normalerweise kannst Du auch die Box umbenennen, so das diese 2mal vorhanden ist (shoutbox2) und jeweils die größen/breiten der Boxen an die .htm Dateien anpassen.( index.htm und index_forum.htm, da die Forumansicht ja breiter ausfällt im Contentbereich)


    Zuletzt modifiziert von Maretz am 08.07.2011 - 00:35:10
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Module und Modifikationen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten