Seite 2 von 3

Re: 3 statt 2 Spalten!

Verfasst: 16.12.2012 17:14
von Miriam
Da nicht für... und es ist ja auch bald Weihnachten :-P

Re: 3 statt 2 Spalten!

Verfasst: 16.12.2012 17:20
von Talk19zehn
Hi Titanic, bei mir sind momentan Spalten teils nicht "im Ganzen" lesbar und Teile der Ansicht sind verschoben.
Evtl. liegt´s derzeit an kleineren HTML-Fehlerchen: http://validator.w3.org/check?verbose=1 ... orum.de%2F
Errors found while checking this document as XHTML 1.0 Strict!

Result: 10 Errors
Line 160, Column 52: document type does not allow element "div" here; assuming missing "li" start-tag
<div class="forabg" style="width:100%;">

Error Line 599, Column 52: document type does not allow element "div" here; assuming missing "li" start-tag
<div class="forabg" style="width:100%;">

Error Line 692, Column 6: end tag for "li" omitted, but OMITTAG NO was specified
</div>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 599, Column 13: start tag was here
<div class="forabg" style="width:100%;">

Error Line 692, Column 6: end tag for "ul" omitted, but OMITTAG NO was specified
</div>
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 169, Column 17: start tag was here
<ul class="topiclist forums">

Error Line 720, Column 7: end tag for "li" omitted, but OMITTAG NO was specified
</body>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 160, Column 13: start tag was here
<div class="forabg" style="width:100%;">

Error Line 720, Column 7: end tag for "ul" omitted, but OMITTAG NO was specified
</body>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 140, Column 17: start tag was here
<ul class="topiclist forums">

Error Line 720, Column 7: end tag for "div" omitted, but OMITTAG NO was specified
</body>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 132, Column 17: start tag was here
<div class="inner"><span class="corners-top"><span></span></spa…

Error Line 720, Column 7: end tag for "div" omitted, but OMITTAG NO was specified
</body>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 131, Column 13: start tag was here
<div class="forabg" style="width:100%;">

Error Line 720, Column 7: end tag for "div" omitted, but OMITTAG NO was specified
</body>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 126, Column 2: start tag was here
<div id="page-body">

Error Line 720, Column 7: end tag for "div" omitted, but OMITTAG NO was specified
</body>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 84, Column 1: start tag was here
<div id="wrap">
:wink:

Viele Grüße

Re: 3 statt 2 Spalten!

Verfasst: 16.12.2012 17:40
von Titanic
Hi Talk19zehn,

Bei mir wird alles korrekt angezeigt.Vielleicht liegt`s an den Browser den Du verwendest.ich benutze jahrelang den Firefox.

Nun noch eine Frage an Miriam:

Kann man das auch für den Style Subsilver2 programmieren? (Ist aber nicht so wichtig)

Re: 3 statt 2 Spalten!

Verfasst: 16.12.2012 17:56
von Talk19zehn
jepp, ich auch und nicht nur diesen... :wink:

Nur kurz zwei Beispiele FF 17.01 anbei:
1366x768px
http://img543.imageshack.us/img543/3434 ... ff1701.jpg
1024x768px
http://img20.imageshack.us/img20/1566/f ... f1701b.jpg


Beste Grüße

Re: 3 statt 2 Spalten!

Verfasst: 16.12.2012 18:24
von Titanic
Bei mir sieht das so aus:

http://img545.imageshack.us/img545/43/forumrb.jpg

auch der untere Teil zeigt bei mir alles ok an.

Re: 3 statt 2 Spalten!

Verfasst: 16.12.2012 18:41
von Talk19zehn
Die ermittelten W3C-Fehler würde ich bereinigen und die Auflösung ist wahrscheinlich bei dir momentan eine andere...... :wink:
Bitte siehe von daher bei Bedarf in deinem anderen Thema:
viewtopic.php?p=1289835#p1289835


Ohne Fehler-Bereinigung ist eine Beurteilung wirklich schwer möglich. Viel Glück für dein Vorhaben und beste Grüße
Du schaffst das!

Re: 3 statt 2 Spalten!

Verfasst: 16.12.2012 18:49
von Titanic
Meine Auflösung ist 1280 x 1024.Wie behebe ich diese fehler?

Re: 3 statt 2 Spalten!

Verfasst: 16.12.2012 18:59
von Talk19zehn
Hi, bei der Bearbeitung deiner HTML-Templates haben sich Fehler eingeschlichen. Die Zeilen werden dir benannt.
Gehe die Modifikationen noch einmal durch, um die Fehlerchen zu finden.

Prüfe nach jeder Änderung via HTML-W3C-Validator erneut.

Wenn in Folge dein Konstrukt valide ist:
Sodann müssten ggf. Abstände und u.U. vielerlei mehr erneut geprüft und angepasst werden, um die Darstellung ab einem gewissen Mindestmaß im Standard der Auflösung zu gewährleisten. Validität dabei erneut immer vorausgesetzt.

Bei einer Konzeption darfst du nicht von deiner eigenen Bildschirmauflösung ausgehen. Prosilver ist dynamisch angelegt und strict valide.

Re: 3 statt 2 Spalten!

Verfasst: 16.12.2012 19:11
von Titanic
Talk19zehn hat geschrieben:Hi, bei der Bearbeitung deiner HTML-Templates haben sich Fehler eingeschlichen. Die Zeilen werden dir benannt.
Gehe die Modifikationen noch einmal durch, um die Fehlerchen zu finden.

Prüfe nach jeder Änderung via HTML-W3C-Validator erneut.

Wenn in Folge dein Konstrukt valide ist:
Sodann müssten ggf. Abstände und u.U. vielerlei mehr erneut geprüft und angepasst werden, um die Darstellung ab einem gewissen Mindestmaß im Standard der Auflösung zu gewährleisten. Validität dabei erneut immer vorausgesetzt.

Bei einer Konzeption darfst du nicht von deiner eigenen Bildschirmauflösung ausgehen. Prosilver ist dynamisch angelegt und strict valide.
Irgendwie komme ich nicht so richtig klar damit.Wenn Du mir etwas helfen könntest,wäre ich dankbar.

Re: 3 statt 2 Spalten!

Verfasst: 16.12.2012 21:18
von Miriam
Ich habe mal noch ein wenig weiter gebastelt.
Der Austauschcode sieht jetzt so aus:

Code: Alles auswählen

    <!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW  or forumrow.S_NO_CAT  -->
        <div class="forabg" style="width:100%; min-width:800px;">
            <div class="inner"><span class="corners-top"><span></span></span>
            <ul class="topiclist">
                <li class="header">
                    <dl class="icon">
                        <dt><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></dt>
                    </dl>
                </li>
            </ul>
            <ul class="topiclist forums">
    <!-- ENDIF -->
    <!-- IF not forumrow.S_IS_CAT -->
        <li class="row" style="display:inline-block; display:-moz-inline-stack; *display:inline; width:33%; vertical-align:top; border-bottom:none; border-top: 1px solid gray; min-height:150px;">
            <dl class="icon" style="background-image:url({forumrow.FORUM_FOLDER_IMG_SRC}); background-repeat:no-repeat; display:table-cell; width:100%; padding-right:50px;">
                <dt title="{forumrow.FORUM_FOLDER_IMG_ALT}" style="width:100%;">
                <!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED --><!-- <a class="feed-icon-forum" title="{L_FEED} - {forumrow.FORUM_NAME}" href="{U_FEED}?f={forumrow.FORUM_ID}"><img src="{T_THEME_PATH}/images/feed.gif" alt="{L_FEED} - {forumrow.FORUM_NAME}" /></a> --><!-- ENDIF -->

                    <!-- IF forumrow.FORUM_IMAGE --><span class="forum-image">{forumrow.FORUM_IMAGE}</span><!-- ENDIF -->
                    <a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a><br />
                    {forumrow.FORUM_DESC}
                    <br />
                    {L_TOPICS}: {forumrow.TOPICS} &bull; {L_POSTS}: {forumrow.POSTS}
                    <!-- IF forumrow.MODERATORS -->
                        <br /><strong>{forumrow.L_MODERATOR_STR}:</strong> {forumrow.MODERATORS}
                    <!-- ENDIF -->
                    <!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS --><br /><strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}<!-- ENDIF -->
                    <!-- IF forumrow.CLICKS -->
                    <span class="redirect"><span>{L_REDIRECTS}: {forumrow.CLICKS}</span></span>
                    <!-- ELSEIF not forumrow.S_IS_LINK -->
                    <span class="lastpost"><span>
                        <!-- IF forumrow.U_UNAPPROVED_TOPICS --><br /><a href="{forumrow.U_UNAPPROVED_TOPICS}">{UNAPPROVED_IMG}</a><!-- ENDIF -->
                        <!-- IF forumrow.LAST_POST_TIME --><br />{L_LAST_POST}: {L_POST_BY_AUTHOR} {forumrow.LAST_POSTER_FULL}
                        <!-- IF not S_IS_BOT --><br /><a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF -->{forumrow.LAST_POST_TIME}<!-- ELSE -->{L_NO_POSTS}<br />&nbsp;<!-- ENDIF --></span>
                    </span>
                <!-- ENDIF -->
                </dt>
            </dl>
        </li>
    <!-- ENDIF -->
Zum Feintuning kommen wir, wenn das Layout paßt.

@Titanic: Du hast da was falsch umgesetzt. Nimm mal diese forumlist_body.html als Ersatz für Deine jetzige.