Drop-Down-Menü in google chrome falsch angezeigt

**Benjamin** · 05.02.2013, 20:23

Hallo, das DropdownMenü wird beim Formular immer falsch angezeigt (Problem tritt sowohl über den Formulargenerator als auch über normalem HTML Code auf)

Beispiel:

http://www.tellerlein-deck-dich.de/a...ung-danke.html

Im IE ist alles normal.

Woran liegt das?

Vielen Dank für eure Hilfe!!!

**derRenner** · 05.02.2013, 20:44

Hallo,

Code:

<div class="styled_select" style="width: 173px; position: absolute; left: 2px; top: 0px;"><span>1 Person €10,00 EUR</span><b><i></i></b></div>

gib mal das top:0px; raus - dann sollte das DropDown-Menu wieder korrekt positioniert werden

**Benjamin** · 06.02.2013, 17:36

Zitat von derRenner

Hallo,

Code:

<div class="styled_select" style="width: 173px; position: absolute; left: 2px; top: 0px;"><span>1 Person €10,00 EUR</span><b><i></i></b></div>

gib mal das top:0px; raus - dann sollte das DropDown-Menu wieder korrekt positioniert werden

Vielen Dank für deine Hilfe, wo finde ich diesen CSS Code? Ich finde ihn weder im template noch in meinen CSS deklarationen...

**derRenner** · 06.02.2013, 17:40

Hallo,

nein, nicht im CSS - den müsstest du im HTML-Script finden, das du eingebunden hast ...
Zumindest gehe ich mal davon aus, dass du das manuell eingebunden hast, weil du ja schreibst, dass du das auch im normalen HTML versucht hast

**Benjamin** · 06.02.2013, 17:53

Zitat von derRenner

Hallo,

nein, nicht im CSS - den müsstest du im HTML-Script finden, das du eingebunden hast ...
Zumindest gehe ich mal davon aus, dass du das manuell eingebunden hast, weil du ja schreibst, dass du das auch im normalen HTML versucht hast

Genau, aber der betroffene Teil sieht so aus:

Code:

<tr><td><select name="os0">
<option value="1 Person">1 Person €10,00 EUR</option>
	<option value="2 Personen">2 Personen €20,00 EUR</option>

**derRenner** · 06.02.2013, 18:07

nein, rund um diese Tabelle ist noch dein Div gepackt

Code:

<div class="styled_select" style="width: 173px; position: absolute; left: 2px; top: 0px;"><span>1 Person €10,00 EUR</span><b><i></i></b></div>

aber wahrscheinlich wird dieses "erzeugt".
Setzt du eine Erweiterung dafür ein? Falls ja, kann evtl. der Entwickler der Erweiterung Genaueres dazu sagen ...

**Benjamin** · 06.02.2013, 18:10

Zitat von derRenner

nein, rund um diese Tabelle ist noch dein Div gepackt

Code:

<div class="styled_select" style="width: 173px; position: absolute; left: 2px; top: 0px;"><span>1 Person €10,00 EUR</span><b><i></i></b></div>

aber wahrscheinlich wird dieses "erzeugt".
Setzt du eine Erweiterung dafür ein? Falls ja, kann evtl. der Entwickler der Erweiterung Genaueres dazu sagen ...

Hmm, eigentlich habe ich so gut wie keine Erweiterung. Normal ist um die Tabelle auch kein weiterer CSS-Teil (bis auf der normale Main und inside) sehr komisch... Ich habe nur die folgenden:

3CFramework
ctoCommunication
DC_Memory
diffiehellman
Favicon
httprequestextended
Imageslider
meta_editor
mod_php
MultiColumnWizard
pagination_custom
parentslist
photoalbums2
phpseclib
pic_sort_wizard
syncCto
tabcontrol
ZipArchiveCto

**derRenner** · 06.02.2013, 18:22

wie hast du das dann realisiert? Mit dem Formulargenerator, den Contao schon mit anbietet?
Da muss ich leider passen ...

Was mir noch einfallen würd - in Contao 3 ist beim Formulargenerator ein Punkt 'Tabellenloses Layout' zum anhaken möglich. Wenn das im 2.11 auch exsistiert, vielleicht versuchst du das mal ohne Tabelle aufzubauen. Mag ja sein, dass dann das Problem nicht mehr auftritt.

(... wäre aber schon interessant, woher der Style und der Div kommt ...)

**Benjamin** · 06.02.2013, 18:29

Zitat von derRenner

wie hast du das dann realisiert? Mit dem Formulargenerator, den Contao schon mit anbietet?
Da muss ich leider passen ...

Was mir noch einfallen würd - in Contao 3 ist beim Formulargenerator ein Punkt 'Tabellenloses Layout' zum anhaken möglich. Wenn das im 2.11 auch exsistiert, vielleicht versuchst du das mal ohne Tabelle aufzubauen. Mag ja sein, dass dann das Problem nicht mehr auftritt.

(... wäre aber schon interessant, woher der Style und der Div kommt ...)

Es tritt sowohl bei dem Formulargenerator als auch bei dem HTML Code im Template auf. Ist schon sehr komisch.

**derRenner** · 06.02.2013, 18:41

welchen Code stellst du ins HTML?
und wo genau stellst du den rein?

**Benjamin** · 06.02.2013, 18:45

Der HTML Code ist im template. Er ist genau so eingestellt wie ich es oben gepostet hatte. Es gibt auch keinen Unterschied zwischen dem was im Template ist und dem was am Ende angezeigt wird. Das utnerscheidet sich ja schon von deiner Version.

**derRenner** · 06.02.2013, 18:52

raff ich jetzt nicht ... im Template steht nur dieser Bruchteil eines Tabellenscripts?????? Kann nicht sein
Und wenn du's im HTML eingetragen hast, dann denke ich, dass du 'Eigener HTML-Code' aus einem ce_Element genommen hast, oder??
Erklär mal, was genau du machst - so schreiben wir noch ewig hin und her ...

Irgendwo sollte doch irgendsowas Ähnliches stehen, oder du pflegst es selbst ein ...

Code:

  <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="5MEXWBMQXUARW">
<table>
<tr><td><input type="hidden" name="on0" value="Ich zahle insgesamt für:">Ich zahle insgesamt für:</td></tr><tr><td><select name="os0">
	<option value="1 Person">1 Person €10,00 EUR</option>
	<option value="2 Personen">2 Personen €20,00 EUR</option>
	<option value="3 Personen">3 Personen €30,00 EUR</option>
	<option value="4 Personen">4 Personen €40,00 EUR</option>
	<option value="5 Personen">5 Personen €50,00 EUR</option>
	<option value="6 Personen">6 Personen €60,00 EUR</option>
	<option value="7 Personen">7 Personen €70,00 EUR</option>
	<option value="8 Personen">8 Personen €80,00 EUR</option>
	<option value="9 Personen">9 Personen €90,00 EUR</option>
	<option value="10 Personen">10 Personen €100,00 EUR</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="EUR">
<input type="image" src="https://www.paypalobjects.com/de_DE/DE/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="Jetzt einfach, schnell und sicher online bezahlen – mit PayPal.">
<img alt="" border="0" src="https://www.paypalobjects.com/de_DE/i/scr/pixel.gif" width="1" height="1">
</form>

woher hast du diesen Code? Wie pflegst du den wo ein?

Aber egal, ich klink mich aus ... kann hier wohl eh nicht weiterhelfen

**Benjamin** · 06.02.2013, 18:56

Zitat von derRenner

raff ich jetzt nicht ... im Template steht nur dieser Bruchteil eines Tabellenscripts?????? Kann nicht sein
Und wenn du's im HTML eingetragen hast, dann denke ich, dass du 'Eigener HTML-Code' aus einem ce_Element genommen hast, oder??
Erklär mal, was genau du machst - so schreiben wir noch ewig hin und her ...

Irgendwo sollte doch irgendsowas Ähnliches stehen, oder du pflegst es selbst ein ...

Code:

  <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="5MEXWBMQXUARW">
<table>
<tr><td><input type="hidden" name="on0" value="Ich zahle insgesamt für:">Ich zahle insgesamt für:</td></tr><tr><td><select name="os0">
	<option value="1 Person">1 Person €10,00 EUR</option>
	<option value="2 Personen">2 Personen €20,00 EUR</option>
	<option value="3 Personen">3 Personen €30,00 EUR</option>
	<option value="4 Personen">4 Personen €40,00 EUR</option>
	<option value="5 Personen">5 Personen €50,00 EUR</option>
	<option value="6 Personen">6 Personen €60,00 EUR</option>
	<option value="7 Personen">7 Personen €70,00 EUR</option>
	<option value="8 Personen">8 Personen €80,00 EUR</option>
	<option value="9 Personen">9 Personen €90,00 EUR</option>
	<option value="10 Personen">10 Personen €100,00 EUR</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="EUR">
<input type="image" src="https://www.paypalobjects.com/de_DE/DE/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="Jetzt einfach, schnell und sicher online bezahlen – mit PayPal.">
<img alt="" border="0" src="https://www.paypalobjects.com/de_DE/i/scr/pixel.gif" width="1" height="1">
</form>

woher hast du diesen Code? Wie pflegst du den wo ein?

Aber egal, ich klink mich aus ... kann hier wohl eh nicht weiterhelfen

Den Code habe ich 1:1 so in ein Template geschrieben. Das template ist über das mod_php Modul als Modul so eingebaut. Allerdings wird der Code auch unverändert so online ausgegeben. Nur mit der Anzeige stimmt wohl was nicht.

**derRenner** · 06.02.2013, 19:49

probier mal dass du anstatt des Moduls in den Artikel ein Inhaltselement mit Elementtyp HTML mit diesem Code einfügst

Falls das dann passt, dann hat dein Template ein Problem