pragmaMx Support Forum

pragmaMx => Themes & Design => Thema gestartet von: grafikmurkser am 15 März 2008, 22:43:27

Titel: [Erledigt] neue schwere darstellungsfehler im carbon-grey gefunden
Beitrag von: grafikmurkser am 15 März 2008, 22:43:27
http://www.webradio-service.net/modules.php?name=Content&pid=24&page=2
mal den footer  im IE an schaun.

beim FF ist es noch schlimmer:
http://www.webradio-service.net/modules.php?name=Content&pid=24&page=1

ist es möglich das der style bzw das ganze xhtml  mit tabellen auf contentseiten nicht klarkommt ?


edit:
hat sich erledigt .
ich hab grade festgestellt das das orginal-carbon theme die selben  probleme macht.  damit kann ich es bei mir nicht einsetzen - schade schade
aber ich brauch die tabellen
Titel: Re: neue schwere darstellungsfehler im carbon-grey gefunden
Beitrag von: grafikmurkser am 15 März 2008, 23:26:45
und nochmal edit :
hab grade festgestellt das der fehler NICHT von den tabellen her rührt. ( gottseidank , damit wird das theme doch brauchbar  für mich)

der fehler kommt durch
Zitat<!--pagebreak-->
. so bald das eingebaut wird drischt es den style zusammen.
Titel: Re: neue schwere darstellungsfehler im carbon-grey gefunden
Beitrag von: Mecki am 16 März 2008, 00:28:13
Hi,

Du meinst mit dem Content-Modul? Kann ich nicht nachvollziehen. Bei mir funktioniert es.

LG
Mecki
Titel: Re: neue schwere darstellungsfehler im carbon-grey gefunden
Beitrag von: grafikmurkser am 16 März 2008, 00:40:06
schaus dir bei mir an  ..
nur tabellen  - ohne pagebreak = kein problem
sobald pagebreak eingebaut wird hauts den ganzen style zusamm  - nicht nur deinen , auch den "orginal -carbon-style"  habs getestet .

zusatzinfo:eingestellte validierung : xhtml 1.0 transis.....
Titel: Re: neue schwere darstellungsfehler im carbon-grey gefunden
Beitrag von: Andi am 16 März 2008, 01:29:05
Moin :)

das liegt nicht am Theme, sondern an deinen Inhalten.
Wenn man die beiden Seiten durch den Validator schickt, kommt folgendes:

http://www.webradio-service.net/modules.php?name=Content&pid=24&page=1
Zitatline 50 column 24 - Warnung: missing </div>

http://www.webradio-service.net/modules.php?name=Content&pid=24&page=2
Zitatline 363 column 5 - Warnung: discarding unexpected </div>

Auf der ersten Seite fehlt ein </div> und auf der zweiten Seite ist ein </div> zuviel.
Vermutlich ist dein gesamter Text in einem <div> Tag eingeschlosssen. Durch den Pagebreak wird der Tag-Anfang aber vom Tag-Ende getrennt. Tag-Anfang ist auf Seite 1 und Tag-Ende auf Seite 2....
CSS Layouts, wie z.B. das Carbon-Theme reagieren auf sowas bedeutend empfindlicher, als Layouts, die in Tabellen gezwängt sind.

Falsch:
<div class="irgendwas">

Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam

<!--pagebreak-->

Consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore
et dolore magna aliquyam

</div>


Richtig:
<div class="irgendwas">

Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam

</div>
<!--pagebreak-->
<div class="irgendwas">

Consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore
et dolore magna aliquyam

</div>
Titel: Re: neue schwere darstellungsfehler im carbon-grey gefunden
Beitrag von: grafikmurkser am 16 März 2008, 12:09:11
öhm sorry Andi, das sind nicht MEINE inhalte sondern gehören zum theme
aber vielen vielen dank für den tip :-)  :thumbup:  :thumbup:


übrigends - in welcher datei soll der text stehen ??? in der theme.html ?  da steht er jo - aber ohne pagebrakes
                                  <div class="blockTitle">
                                  {BLOCK_TITLE}
                                  </div>
                                  <div class="blockContent">
                                  {BLOCK_CONTENT}
                                  <!-- START comment -->
                                     Lorem ipsum dolor sit amet,
                                    consectetur adipisici elit, sed

und nicht nur das
                                    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>

und nicht nur das,
wenn ich die seiten, auf denen du durch validierung fehler gefunden hast  durch den validator schicke komme ich zu ganz anderen fehlermeldungen :
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.webradio-service.net%2Fmodules.php%3Fname%3DContent%26pid%3D24%26page%3D1
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.webradio-service.net%2FContent-pid-24-page-2.html
Titel: Re: neue schwere darstellungsfehler im carbon-grey gefunden
Beitrag von: Andi am 16 März 2008, 13:04:04
Moin :)

du hast das missverstanden....

Meine beiden Beispiele stammen nicht von deiner Seite und auch nicht aus dem Theme.
Die sollen den Fehler aufzeigen, den ich bei dir vermute (und auf der Demoseite gerade nachstellen konnte). Der "Lorem Ipsum" Kram von mir, symbolisiert nur deine Inhalte....

Schau hier:
http://demo.pragmamx.org/modules.php?name=Content&pid=3&page=1themeselect=mx-carbon-grey
http://demo.pragmamx.org/modules.php?name=Content&pid=3&page=2themeselect=mx-carbon-grey
Das ist ein fehlerhaftes Beispiel (#1), wo der Inhalt, der im Textfeld eingegeben wurde von einem <div> Tag umschlossen ist. Dieser <div> Tag wird dann durch die Aufteilung in verschiedene Seiten zerstört.

korrektes Beispiel:
http://demo.pragmamx.org/modules.php?name=Content&pid=4&page=1themeselect=mx-carbon-grey
http://demo.pragmamx.org/modules.php?name=Content&pid=4&page=2themeselect=mx-carbon-grey
Hier wurde vor dem <!-- pagebreak --> der <div> Tag geschlosssen und danach wieder geöffnet. So hat dann nach der Aufteilung in mehrere Seiten, jede Seite ihren eigenen umschliessenden <div> Tag. Die Anzeige stimmt....
Wobei zu überlegen ist, für was der umschliessende Tag gut sein soll, wird der überhaupt benötigt?

Auf der Demoseite sieht es etwas anders aus als bei dir, weil dort die php-Tidy Erweiterung aktiv ist. Aber selbst die, schafft es nicht, den Fehler richtig zu reparieren...

Zitatwenn ich die seiten, auf denen du durch validierung fehler gefunden hast  durch den validator schicke komme ich zu ganz anderen fehlermeldungen
Das ist klar, ich bin nur als Anonymer dort, du vermutlich als Admin, also bekommst du etwas andere Inhalte und dadurch auch etwas andere fehler. Ausserdem habe ich nur den relevanten Fehler hier gepostet und das nicht aus dem Online Validator, sondern aus dem Firefox-Plugin (http://users.skynet.be/mgueury/mozilla/).
Titel: Re: neue schwere darstellungsfehler im carbon-grey gefunden
Beitrag von: grafikmurkser am 16 März 2008, 13:51:36
Hallo Andi ,
erstmal Danke für die sehr ausführliche Antwort.
Hm  meine Kenntnisse reichen nich so weit um wirklich zu raffen was das alles bedeutet. Gibt es da eine "einfache " Erklärung/ Lösung um den Pagebreak doch nutzen zu können ?
Titel: Re: neue schwere darstellungsfehler im carbon-grey gefunden
Beitrag von: Andi am 16 März 2008, 14:01:36
Hmmm, ehrlich gesagt, weiss ich nicht, wie ich es noch einfacher erklären soll...  :gruebel:  ;)

Poste hier einfach mal deinen kompletten Inhalt des Textfeldes "Seiten Text:" vom Adminmenü, hier: http://www.webradio-service.net/admin.php?op=content_edit&pid=24
Vorher den Spaw auf HTML umschalten

Dann zeige ich dir an deinem eigenen Text, was ich meine...
Titel: Re: neue schwere darstellungsfehler im carbon-grey gefunden
Beitrag von: grafikmurkser am 16 März 2008, 14:12:42
ich glaub ich hau meinen Kopf jetzt so lange an die Wand bis ich vieleicht eine "Erleuchtung" finde, was Du meinst ... oder kann ich Dir ausnahmsweise mal die Admindaten zuschicken ?

hier erstmal der gewünschte Text, nach Umstellung auf HTML 4.01 Transitional, ASM

<div style="text-align: center;">
  <table border="1" style="text-align: left; margin-left: auto; margin-right: auto;">
    <tbody>
      <tr>
        <td>Name der Vorlage&nbsp;</td>
        <td style="text-align: center;">Schriftart&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;a1</td>
        <td style="text-align: center;"><img border="0" alt="" src="/media/images/1.gif" />&nbsp;<br /></td>
      </tr>
      <tr>
        <td>&nbsp;a2</td>
        <td style="text-align: center;"><img border="0" alt="" src="/media/images/2.gif" />&nbsp;<br /></td>
      </tr>
      <tr>
        <td>&nbsp;a3</td>
        <td style="text-align: center;"><img border="0" alt="" src="/media/images/3.gif" />&nbsp;<br /></td>
      </tr>
      <tr>
        <td>&nbsp;a4</td>
        <td style="text-align: center;"><img border="0" alt="" style="width: 290px; height: 64px;" src="/media/images/4.gif" />&nbsp;<br /></td>
      </tr>
      <tr>
        <td>&nbsp;a5</td>
        <td style="text-align: center;"><img border="0" alt="" src="/media/images/5.gif" />&nbsp;<br /></td>
      </tr>
      <tr>
        <td>&nbsp;a6</td>
        <td style="text-align: center;">&nbsp;<img border="0" alt="" src="/media/images/6.gif" /><br /></td>
      </tr>
      <tr>
        <td>&nbsp;a7</td>
        <td style="text-align: center;">&nbsp;<img border="0" alt="" src="/media/images/7.gif" /><br /></td>
      </tr>
      <tr>
        <td>&nbsp;a8</td>
        <td style="text-align: center;">&nbsp;<img border="0" alt="" src="/media/images/8.gif" /></td>
      </tr>
      <tr>
        <td>&nbsp;a9</td>
        <td style="text-align: center;">&nbsp;<img border="0" alt="" src="/media/images/9.gif" /></td>
      </tr>
      <tr>
        <td>&nbsp;a10</td>
        <td style="text-align: center;">&nbsp;<img border="0" alt="" src="/media/images/10.gif" /></td>
      </tr>
    </tbody>
  </table> <!--pagebreak--> <br />
</div>
<div style="text-align: center;">
  <table border="1" style="text-align: left; margin-left: auto; margin-right: auto;">
    <tbody>
      <tr>
        <td>Name der Vorlage&nbsp;</td>
        <td style="text-align: center;">Schriftart&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;a11</td>
        <td style="text-align: center;">&nbsp;<img border="0" alt="" src="/media/images/11.gif" /><br /></td>
      </tr>
      <tr>
        <td>&nbsp;a12</td>
        <td style="text-align: center;">&nbsp;<img border="0" alt="" src="/media/images/12.gif" /><br /></td>
      </tr>
      <tr>
        <td>&nbsp;a13</td>
        <td style="text-align: center;">&nbsp;<img border="0" alt="" src="/media/images/13.gif" /><br /></td>
      </tr>
      <tr>
        <td>&nbsp;a14</td>
        <td style="text-align: center;"><img border="0" alt="" src="/media/images/14.gif" />&nbsp;<br /></td>
      </tr>
      <tr>
        <td>&nbsp;a15</td>
        <td style="text-align: center;"><img border="0" alt="" src="/media/images/15.gif" />&nbsp;<br /></td>
      </tr>
      <tr>
        <td>&nbsp;a16</td>
        <td style="text-align: center;"><img border="0" alt="" src="/media/images/16.gif" />&nbsp;<br /></td>
      </tr>
      <tr>
        <td>&nbsp;a17</td>
        <td style="text-align: center;"><img border="0" alt="" src="/media/images/17.gif" />&nbsp;<br /></td>
      </tr>
      <tr>
        <td>&nbsp;a18</td>
        <td style="text-align: center;">&nbsp;<img border="0" alt="" src="/media/images/18.gif" /><br /></td>
      </tr>
      <tr>
        <td>&nbsp;a19</td>
        <td style="text-align: center;"><img border="0" alt="" src="/media/images/19.gif" />&nbsp;<br /></td>
      </tr>
      <tr>
        <td>&nbsp;a20</td>
        <td style="text-align: center;">&nbsp;<img border="0" alt="" src="/media/images/20.gif" /><br /></td>
      </tr>
    </tbody>
  </table><br />
</div>


hmmm wenn ich mir jetzt selbst den HTML-Code so anschau, ich glaub da kommt langsam die Erleuchtung- ganz ohne Wand  *gg
Titel: Re: neue schwere darstellungsfehler im carbon-grey gefunden
Beitrag von: grafikmurkser am 16 März 2008, 14:30:48
Andi Du bist Spitze :-)   

ich glaub ich habs .... ich hab das </div> vor pagebreak gesetzt. und ? Es funktioniert !
Dankeschön :-) :-)  :thumbup: :thumbup: . Jetzt bleibt halt die Frage warum </div>  "falsch" gesetzt wird
Titel: Re: neue schwere darstellungsfehler im carbon-grey gefunden
Beitrag von: grafikmurkser am 16 März 2008, 15:03:22
zum editieren zu spät .. hmm
also , dank an Andi :-)  :thumbup: fehler ist gefunden und behoben. hier kann also  dicht gemacht werden