my_mysticjade Darstellungsfehler

Begonnen von Phisker, 12 April 2008, 05:04:44

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

Phisker

Hallo zusammen,

ich nutze die aktuelle PMX Version und das Theme "mx_mysticjade" von hier geladen.

In der Demo zeigt er das Theme im FF UND IE7 + IE8Beta richtig an.

Ich lade es auf meinem Server und aktiviere es und im FF ist alles Okay nur im IE7 + IE8Beta ist nichts mehr ok!
Woran kann das liegen?

Hier zu sehen:
http://4images.phisker-produkt.de/home.html

Die Theme.html ich hoffe das mir da jemand helfen kann:
<!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">
<head>
    <title>mx-mysticjade</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="pragma" content="no-cache" />
    <link type="text/css" href="style/style.css" rel="StyleSheet" />
    <!-- START more_header -->
    <!-- Design by Dzinerstudio.com ported to PragmaMx by Diabolo [)-(] -->
   
    <!-- END more_header -->
</head>
  <body>
    <div id="wrapper">
      <div id="header">
        <div id="logo">
          <a href="./" title=""></a>
        </div>
        <div id="news">
<script type="text/javascript"><!--
google_ad_client = "pub-4960326759964882";
/* 468x60, Erstellt 11.04.08 */
google_ad_slot = "2999635240";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
        </div>
      </div>
      <div id="toolbar">
        <div id="nav">
          <ul>
            <li>{MENUITEM_1}
            </li>
            <li>{MENUITEM_2}
            </li>
            <li>{MENUITEM_3}
            </li>
            <li>{MENUITEM_4}
            </li>
          </ul>
        </div>
      </div>
      <div id="userinfo">
        <strong>{SHOWTOTALUSER}</strong> Utilisateur(s) en ligne
      </div>
      <div id="searchfield">
        {SEARCHFORM}
      </div>
      <div id="mainarea">
        <table width="100%" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <!-- START left_noblocks -->
            <td width="185" style="padding: 4px; padding-top: 4px;padding-right: 1ex;" valign="top">
              <div id="leftbarHeader" style="padding-top: 5px; width: 185px;">
                <!-- START blocks_left_loop -->
                <!-- START block_left -->
                <div class="tborder" style="margin-bottom: 2px;">
                  <div class="titlebg" style="padding: 4px; font-weight: bold;">
                    {BLOCK_TITLE}
                  </div>
                  <div class="windowbg" style="padding:4px;">
                    {BLOCK_CONTENT} <!-- START comment -->
                     Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore
                    et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
                    aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat <!-- END comment -->
                  </div>
                </div>
                <!-- END block_left -->
                <!-- END blocks_left_loop -->
              </div>
            </td>
            <!-- END left_noblocks -->
            <td width="100%" align="left" valign="top" style="padding-top: 10px; padding-bottom: 10px;">
              <table cellpadding="0" cellspacing="0" border="0" width="100%" style="table-layout: fixed;">
                <tr>
                  <td valign="top">
                    <!-- START blocks_center_top_loop -->
                    <!-- START block_center_top -->
                    <div class="tborder" style="margin-bottom: 2px;">
                      <div style="padding: 3px 6px 3px 6px;" class="catbg">
                        {BLOCK_TITLE}
                      </div>
                      <table width="100%" cellpadding="0" cellspacing="0">
                        <tr>
                          <td valign="top" class="windowbg2" style="padding: 4px;">

                            <div style="_height: 1%; overflow: auto;">
                              <div>
                                <div style="padding: 1em;">
                                  {BLOCK_CONTENT} <!-- START comment -->
                                   Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor
                                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
                                  dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
                                  pariatur. Excepteur sint occaecat <!-- END comment -->
                                </div>
                              </div>
                            </div>

                          </td>
                        </tr>
                      </table>
                    </div>
                    <!-- END block_center_top -->
                    <!-- END blocks_center_top_loop -->
                    <!-- START script_output -->
                    <!-- START opentable -->
                    <div class="openclosetable">
                      {OPENCLOSE_TABLE}
                    </div>
                    <!-- END opentable -->
                    <!-- START opentable2 -->
                    <div class="openclosetable2">
                      {OPENCLOSE_TABLE_2}
                    </div>
                    <!-- END opentable2 -->
                    <!-- START opentableal -->
                    <div class="openclosetable_al">
                      {OPENCLOSE_TABLE_AL}
                    </div>
                    <!-- END opentableal -->
                    <!-- START themeindex_1 -->
                    <div class="tborder" style="margin-bottom: 2px;">
                      <div style="padding: 3px 6px 3px 6px;" class="catbg">
                        {$title}
                      </div>
                      <table width="100%" cellpadding="0" cellspacing="0">
                        <tr>
                          <td valign="top" class="windowbg2" style="padding: 4px;">
                            <span class="smalltext"><em>{$infoline}</em></span>
                            <div style="_height: 1%;">
                              <div>
                                {$content} <!-- START comment -->
                                 Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor
                                incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                                exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
                                dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                                Excepteur sint occaecat <!-- END comment -->
                              </div>
                              <p style="text-align: right; margin-top: 1ex;">
                                <span class="smalltext">{$readmore}</span>
                              </p>
                            </div>
                          </td>
                        </tr>
                      </table>
                    </div>
                    <!-- END themeindex_1 -->
                    <!-- START themeindex_2 -->
                    <div class="tborder" style="margin-bottom: 2px;">
                      <div style="padding: 3px 6px 3px 6px;" class="catbg">
                        {$title}
                      </div>
                      <table width="100%" cellpadding="0" cellspacing="0">
                        <tr>
                          <td valign="top" class="windowbg2" style="padding: 4px;">
                            <span class="smalltext"><em>{$infoline}</em></span>
                            <div style="_height: 1%;">
                              <div>
                                {$content} <!-- START comment -->
                                 Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor
                                incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                                exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
                                dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                                Excepteur sint occaecat <!-- END comment -->
                              </div>
                              <p style="text-align: right; margin-top: 1ex;">
                                <span class="smalltext">{$readmore}</span>
                              </p>
                            </div>
                          </td>
                        </tr>
                      </table>
                    </div>
                    <!-- END themeindex_2 -->
                    <!-- START themearticle -->
                    <div class="tborder" style="margin-bottom: 2px;">
                      <div style="padding: 3px 6px 3px 6px;" class="catbg">
                        {$title}
                      </div>
                      <table width="100%" cellpadding="0" cellspacing="0">
                        <tr>
                          <td valign="top" class="windowbg2" style="padding: 4px;">
                            <span class="smalltext"><em>{$infoline}</em></span>
                            <div style="_height: 1%; overflow: auto;">
                              <div>
                                {$content} <!-- START comment -->
                                 Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor
                                incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                                exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
                                dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                                Excepteur sint occaecat <!-- END comment -->
                              </div>
                            </div>
                          </td>
                        </tr>
                      </table>
                    </div>
                    <!-- END themearticle -->
                    <!-- END script_output -->
                    <!-- START blocks_center_down_loop -->
                    <!-- START block_center_down -->
                    <div class="tborder" style="margin-bottom: 2px;">
                      <div style="padding: 3px 6px 3px 6px;" class="titlebg">
                        {BLOCK_TITLE}
                      </div>
                      <table width="100%" cellpadding="0" cellspacing="0">
                        <tr>
                          <td valign="top" class="windowbg2" style="padding: 4px;">
                            <div style="_height: 1%; overflow: auto;">
                              <div>
                                <div style="padding: 1em;">
                                  {BLOCK_CONTENT} <!-- START comment -->
                                   Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor
                                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
                                  dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
                                  pariatur. Excepteur sint occaecat <!-- END comment -->
                                </div>
                              </div>
                            </div>
                          </td>
                        </tr>
                      </table>
                    </div>
                    <!-- END block_center_down -->
                    <!-- END blocks_center_down_loop -->
                  </td>
                </tr>
              </table>
            </td>
            <!-- START index_on -->
            <td style="padding: 4px; padding-top: 4px; padding-left: 1ex;" valign="top" align="right">
              <!-- START blocks_right_loop -->
              <!-- START block_right -->
              <div style="width: 195px; text-align: left; padding-top: 5px;">
                <div class="tborder" style="margin-bottom: 2px;">
                  <div class="titlebg" style="padding: 4px; font-weight: bold;">
                    {BLOCK_TITLE}
                  </div>
                  <div class="windowbg" style="padding:4px;">
                    <div style="width: 100%;">
                      {BLOCK_CONTENT} <!-- START comment -->
                       Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut
                      labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
                      nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
                      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat <!-- END comment -->
                    </div>
                  </div>
                </div>
              </div>
              <!-- END block_right -->
              <!-- END blocks_right_loop -->
            </td>
            <!-- END index_on -->
          </tr>
        </table>
      </div>
      <!-- Footer -->
      <div id="footer">
        <!-- Respect our work: Do not touch Copyrights /-->
         <span class="smalltext" style=
        "display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;">Theme by <a href=
        "http://www.dzinerstudio.com"><b>DzinerStudio</b></a> for pragmaMx by <a href=
        "http://www.pragmamx.fr"><b>Diabolo [)-(]</b></a></span><!-- \End Copyrights -->
        <br />
        {FOOTMESSAGE}
      </div>
      <!-- \Footer-->
    </div>
    <script Language="JavaScript">
document.write ('<scr' + 'ipt Language="JavaScript" src="http://www.euros4click.de/showme.php?id=14639&rnd=' + Math.random() + '"></scr' + 'ipt>');
</script>
  </body>
</html>


Ps.: Ich habe HTML Blöcke erstellt, aber daran kann das nicht liegen oder? Jeder Inhalt eines Blockes sieht so aus:
<img width="14" height="9" border="0" alt="" src="/images/menu/rarrow.gif" />&nbsp;<a href="modules.php?name=Members_List">Benutzerliste</a><br /> <img width="14" height="9" border="0" alt="" src="/images/menu/rarrow.gif" />&nbsp;<a href="modules.php?name=Guestbook">Gästebuch</a><br /> <img width="14" height="9" border="0" alt="" src="/images/menu/rarrow.gif" />&nbsp;<a href="modules.php?name=Your_Account">Mein Account</a><br /> <img width="14" height="9" border="0" alt="" src="/images/menu/rarrow.gif" />&nbsp;<a href="modules.php?name=Private_Messages">Meine Nachrichten</a>

Ich danke im Voraus vielmals für Hilfe!
Gruß Phisker

diabolo

Hi,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

You should be XHTML

Admin panel>HTML setting> XHTML Transitionnal

I've test it with IE7 all all seems ok  :gruebel:
http://diaboloz.free.fr/

For test, try deactived you google adsense

xmjay

#2
Hi !

It´s a very nice theme diabolo !
If you logged out the loginform in header looks different in IE7 & FF2 (see pics) [in Opera 9.26 it looks like in FF2.x]. XHTML is active.
Should be the entry "$LOGINFORM".
CMS-Version: pragmaMx 1.12.3 | PHP-Version: 5.2.12 | MySQL-Version: 5.1.66

diabolo

#3
Hi  ;)

I've forgotten correct style for Ie7  :red:

Create new styleIE7.css and put it to in /themes/mx-overviewlight/style/

After try this: adjust padding for loginform, ex:
#welcome {
      padding: 0 0 0 20px;
}

padding: Up Right Bottom Left;

And for other browser adjust padding in layout.css:
#welcome {
        font-size: 1.0em;
        color: #999;
        font-family: tahoma, sans-serif;
        float: right;
        padding: 20px 30px 0 0;
        text-align: right;
}

xmjay

Thanx for this fast answer diabolo !

I´m sorry, the theme is called "mx-overviewlight", a nice theme, too.
Must learn the names of the new themes  :smile:
CMS-Version: pragmaMx 1.12.3 | PHP-Version: 5.2.12 | MySQL-Version: 5.1.66

diabolo

Zitatis called "mx-overviewlight"

Is the same structure as mxoverview