Ergebnis 1 bis 6 von 6

Thema: Drop-Down-Liste unleserlich schmal

  1. #1
    Contao-Nutzer
    Registriert seit
    25.03.2014.
    Beiträge
    47

    Standard Drop-Down-Liste unleserlich schmal

    Ich habe bei einer Seite (Contao 3.3.3 mit OpenSauce-Template) das Problem, daß eine Drop-Down-Auswahlliste nur sehr schmal dargestellt wird (siehe Anhang dropdown1).
    Interessant ist, daß ich einmal, bei einem etwas längeren Neuladen der Seite kurz gesehen hatte, daß die Liste die volle Breite hatte und dann automatisch auf "schmal" schaltete. Ich hatte die Seite an anderen Stellen in der Seitenstruktur verschoben, das Problem bleibt das gleiche, genauso wie beim manuellen Zuweisen eines Layouts zur Seite (normal wird das vererbt).

    In einem anderen Formular wird die Liste mit dem kleinen Pfeil zwar auch schmal dargestellt, aber beim Draufklicken ist zumindest der Inhalt breit und lesbar.

    Hat jemand einen Tipp?

    Danke!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Contao-Fan Avatar von kos
    Registriert seit
    22.06.2009.
    Ort
    Westerwald
    Beiträge
    888

    Standard

    Ohne Link kann man das nicht so genau bestimmen, aber ich tippe mal auf Einstellungen in deinem CSS (select, option)

  3. #3
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.280

    Standard

    Ganz klar CSS....aber ohne Link schwierig

  4. #4

  5. #5
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.280

    Standard

    Das Element hat folgende inline Styles


    HTML-Code:
    <div class="chzn-drop" style="top: 21px; left: -9000px;">
    Code:
    element.style {
        left: -9000px;
        top: 21px;
        width: 100%;
    }

    Ohne das width 100% sieht das Ausgeklappte zumindest mal gut aus.

    Das umschließende Element hat leider auch inline Styles die nicht im CSS sind
    HTML-Code:
    <div id="ctrl_country_chzn" class="chzn-container chzn-container-single select tl_chosen mandatory" style="padding: 0px; border: medium none; ">
    Gibst du diesem eine Breite von 300px passt auch das. Sprich folgende CSS Klasse

    Code:
    .chzn-container {
        width: 300px;
    }
    Geändert von Kahmoon (29.10.2014 um 09:15 Uhr)

  6. #6
    Contao-Nutzer Avatar von Gerald383
    Registriert seit
    13.09.2018.
    Beiträge
    38

    Standard Habe ein ähnliches Problem

    Die Breite habe ich nun hin bekommen, jedoch beim Dropdownfeld zeigt er mir das immer noch nicht sauber an.

    Ich suche schon ewig, was ich im .css ändern muss, damit mir das Feld "Land" sauber angezeigt wird.

    https://web.erfolgbeginntimkopf.at/registrierung.html

    Danke schon mal für eure Unterstützung.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •