[Erledigt] neue schwere darstellungsfehler im carbon-grey gefunden

Begonnen von grafikmurkser, 15 März 2008, 22:43:27

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

grafikmurkser

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
meine pmx-Seite : die erste und einzige, freie, deutschsprachige Community rund um fraktale Bilder apophysis-schmiede   reg.User mehr als 1000

grafikmurkser

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.
meine pmx-Seite : die erste und einzige, freie, deutschsprachige Community rund um fraktale Bilder apophysis-schmiede   reg.User mehr als 1000

Mecki

Hi,

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

LG
Mecki
Nicht behindert zu sein, ist kein Verdienst, sondern ein Geschenk, das uns jederzeit genommen werden kann.

grafikmurkser

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.....
meine pmx-Seite : die erste und einzige, freie, deutschsprachige Community rund um fraktale Bilder apophysis-schmiede   reg.User mehr als 1000

Andi

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>
schön´s Grüssle, Andi

grafikmurkser

#5
ö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
meine pmx-Seite : die erste und einzige, freie, deutschsprachige Community rund um fraktale Bilder apophysis-schmiede   reg.User mehr als 1000

Andi

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.
schön´s Grüssle, Andi

grafikmurkser

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 ?
meine pmx-Seite : die erste und einzige, freie, deutschsprachige Community rund um fraktale Bilder apophysis-schmiede   reg.User mehr als 1000

Andi

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...
schön´s Grüssle, Andi

grafikmurkser

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
meine pmx-Seite : die erste und einzige, freie, deutschsprachige Community rund um fraktale Bilder apophysis-schmiede   reg.User mehr als 1000

grafikmurkser

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
meine pmx-Seite : die erste und einzige, freie, deutschsprachige Community rund um fraktale Bilder apophysis-schmiede   reg.User mehr als 1000

grafikmurkser

zum editieren zu spät .. hmm
also , dank an Andi :-)  :thumbup: fehler ist gefunden und behoben. hier kann also  dicht gemacht werden
meine pmx-Seite : die erste und einzige, freie, deutschsprachige Community rund um fraktale Bilder apophysis-schmiede   reg.User mehr als 1000