✔ Slide nur halb zu sehen?

[Shorty1968]

Hallo,
bei meiner suche wird als ergebniss ein Slide augefahren,ich möchte das der Slide Links versetzt Komplett angezeigt wird.

Wie kann ich das mit css umsetzen,ist das möglich?

Das jetzige css sieht so aus:

.suggestionsBox {
    position:absolute;
    right: 200px;
    margin:0px;
    width:400px;
    background-color:#434343;
    border:1px solid #FFdEAD;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 15px #FFdEAD;
    -moz-box-shadow: 0px 0px 15px #FFdEAD;
    box-shadow: 0px 0px 15px #FFdEAD;
    color:#FFdEAD;
    z-index:99999;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 3px 10px;
}

 

[Jan-Frederik Stieler]

Hi,
kannst Du uns ein JSFiddel oder änliches anlegen?
Nur mit dem CSS können wir nichts anfangen da uns nicht bekannt ist in welchem Kontext dieses angewand wird.

Grüße

 

[Shorty1968]

Hi sorry ich weiss nicht was du mit einem JSFiddel meinst?

Es ist ein suchfeld und zeigt das ergebniss als slide an.

 

[Jan-Frederik Stieler]

Hi,
JsFiddle, JSBin etc. sind Online Editoren um Html, CSS und JavascriptCode zu zeigen.
Oder Du postest mal eine URL zu Deiner Seite?

Grüße

 

[Shorty1968]

Das ist schlecht sie ist noch nicht Online,aber danke für deine mühe zu helfen.

Ich habe das CSS noch mal neu gemacht,das ergebniss ist zwar nicht so wie ich es wollte aber ich kann damit leben.

 

[Jan-Frederik Stieler]

Hi,

grundsätzlich ist es immer besser Code zum helfen zur Verfügung zu haben. Einfach nur das CSS reicht nicht.
so aus dem Stehgreif würde ich drauf wetten das entweder die width: 400px; nicht ausreichen oder das right: 200px; das Bild ein stück aus dem Div herausschiebt.

 

[Shorty1968]

Hi das das right: 200px; das slide aus dem DIV raus drückt,damit hast du recht das ist das problem,ich wollte eine Lösung finden das es über dem DIV hinaus angezeigt wird.

 

[Jan-Frederik Stieler]

Um das zu erreichen kannst du mal versuchen dem div ein overflow:auto mitzugeben.

 

[Shorty1968]

Du meinst das als Inline CSS wie z.b. <div style="overflow:auto">?

 

[Shorty1968]

overflow:auto bringt leider auch nicht das gewünschte ergebniss,das ergebniss was ich erzielen möchte sehe so aus wie das im Anhang Rot Makierte.