Rooms-Menu -> Raumliste (Listview) halbe Breite

[Bigsonic1]

Danke!! habe .base weggemacht.. Klappt super...

[Bigsonic1]

Hallo,
ich muss leider nochmal Stören, wie bekomme ich das jetzt noch hin, das auf dem Handy die dritte Spalte nicht angezeigt wird?
Bestimmt irgendwie mit min-width?
Ich hab schon die ganze Zeit mit css rumprobiert..

[smai]

Willst du den Inhalt der dritten Spalte gar nicht anzeigen oder diese untereinander statt nebeneinander haben?
Kannst du nochmal kurz deinen aktuellen Code zeigen, ich bin mir nicht ganz sicher, was du nun tatsächlich drin hast.

[Bigsonic1]

Die dritte Spalte soll auf dem Handy gar nicht mehr da sein, und die Raumliste wieder die komplette Seite nutzen.
hier ist meine index.html auf meinem Test Smartvisu:

{% block zentral %}
<style>
.base .zentral {
    display: inline-block;
    width: 30%;
}
</style>

<div>

      test

</div>

{% endblock %}

{% block content %}
<style>
#index .primary {
    float: right;
    margin-right: 1%;
    padding-right: 1%;
    width: 30%;
}
</style>


    {% include 'rooms_menu.html' %}
{% endblock %}

und die base.html:

/**
* -----------------------------------------------------------------------------
* @package     smartVISU
* @author      Martin Gleiß
* @copyright   2012 - 2015
* @license     GPL [http://www.gnu.de]
* -----------------------------------------------------------------------------
*/

{% extends "root.html" %}

{% block body %}

    <div data-role="page" id="{{ page }}" class="base" data-theme="a">
        <div data-role="header" data-position="fixed" data-tap-toggle="false">
            <div class="ui-left">
                {% include 'menu.html' %}
            </div>
            <div class="ui-right">
                <a href="javascript:window.location.href=window.location.href" style="text-decoration:none;color:#fff;">
                    {{ lib.smartvisu() }}
                    <div class="mini">
                        <span id="miniclock" class="miniclock" data-widget="clock.miniclock" data-repeat="1i">{{ now|date('H:i') }}</span>, {{ now|date('d.m,') }} v{{ config_version }}</div>
                </a>
            </div>
            <div class="signal hide" onClick="$('.ui-page-active .alert').popup('open');"></div>
            <div class="alert" data-role="popup" data-overlay-theme="a">
                <div data-role="header" data-theme="c"><h1></h1></div>
                <p></p>

                <div class="control">
                    <span class="stamp"></span>
                    <a onClick="notify.remove();" class="ui-mini" data-icon="check" data-iconpos="top" data-role="button" data-inline="true">OK</a>
                    <a onClick="$('.alert').popup('close');" class="ui-mini" data-icon="delete" data-iconpos="top" data-role="button" data-inline="true">Cancel</a>
                </div>
            </div>
        </div>

        <div data-role="content" class="page-bg">
            <div class="primary" style="background-image: none;">
                {% block content %}{% endblock %}
            </div>

                        <div class="zentral">
                                {% block zentral %}{% endblock %}
                        </div>

            <div class="secondary minimum-tablet">
                {% block sidebar %}{% endblock %}
            </div>
        </div>
        {% block footer %}{% endblock %}
    </div>

{% endblock %}

[smai]

Etwa folgende index.html könnte funktionieren (ungetestet):

{% block zentral %}
<div>
<style>
.base .zentral {
    display: none;
}
@media (min-width: 768px) {
    .base .zentral {
        display: inline-block;
        width: 30%;
    }

    #index .primary {
        float: right;
        margin-right: 1%;
        padding-right: 1%;
        width: 30%;
   }
}
</style>
      test

</div>

{% endblock %}

{% block content %}
    {% include 'rooms_menu.html' %}
{% endblock %}

[Bigsonic1]

leider bleibt dabei die Raumliste immer noch auf 30%.

[smai]

Wo setzt du denn die Breite der Raumliste? Habe das in dem Code nirgends gesehen.
Du musst das halt auch mit @media (min-width) wrappen
Am besten sollte all das sowieso, wie früher bereits empfohlen, in die visu.css

[Bigsonic1]

sorry geht doch, im Handy musste ich erst den Browsercache löschen. Vielen Dank.