(GELÖST) Problem mit TabellenTemplate (FormBuilder) im IE

[Vicky]

Hallo zusammen,

habe ein Problem mit einem Formular. Ich habe das Tabellen Tempalte gewählt und im Firefox sieht auch alles super aus, aber im IE haut es das Layout auseinander..:
http://www.bowlingcenter-schwetzingen.e ... e=feedback

Hat jemand einen Tip für mich an was das liegen könnte ?

Danke und Grüße
Vicky

[cyberman]

Es sieht aus, als ob das Formular im IE vom linken Block nach unten "gedrückt" wird - soll heißen, der Formular-Content fängt bei mir genau da an, wo der linke Block aufhört.

Hast du schon mal versucht, die Außenabstände der Sidebar (oder die von table.formbuilder) zu verringern?

[Vicky]

vielen dank,
du hast mich auf den richtigen weg gebracht...
es waren zwar nicht die aussenabstände..sondern die breite vom form-element.
ich habe dem formelement im style-sheet eine breite zugewiesen und schwups es sitzt.

vielen dank

[Olli]

Hallo,
habe das selbe Problem.
Wie hast du es genau gelöst?

Grüße
Olli

[NaN]

...
ich habe dem formelement im style-sheet eine breite zugewiesen und schwups es sitzt.
...

Also im Browser sich einfach mal den HTML-Quelltext anzeigen lassen (FireFox: STRG+U oder rechte Maustaste -> "Seitenquelltext anzeigen" oder im Menü "Ansicht -> Seitenquelltext anzeigen" / IE: ist dort bestimmt ähnlich).
Dort suchst nach Deinem Formular und kopierst Dir die ID.
Die sollte in etwa so aussehen: id="m6moduleform_1".
Dann nur noch im Stylesheet für das Formular etwas in der Art angeben:

Code: Select all

#m6moduleform_1 {width:300px;}

m6 und das Suffix _1 können variieren. Das hängt davon ab als wievieltes Modul der Formbuilder aufgerufen wird bzw. wieviele Formulare du anzeigen lässt. Es handelt sich also um eine dynamische ID. Wenn Du später Änderungen am Template vornimmst, kann es vorkommen, das diese Stylesheets nicht mehr funktionieren. Du müsstest dann jedesmal die ID wieder neu anpassen.
Ich empfehle daher, das Formular in ein DIV oder SPAN mit einer eigenen (statischen) ID zusetzen und im Stylesheet auf diese zuzugreifen:

HTML Code für das Template:

Code: Select all

<div id="myForm">
         {FormBuilder...}
</div>

Stylesheet:

Code: Select all

#myForm form {width:300px;}

[Olli]

Hallo,
habe das mal versucht umzusetzen.
Im Firefox ändert sich auch was aber im IE6 immer noch das selbe problem.
Ins Template der Seite haben ich geschrieben
{cms_module module='FormBuilder' form='sample_form'}
Im Stylesheet
div#contact {width:400px;}

Der Textbereich im Formular zerreisst irgendwie alles, selbst wenn ich Spalten und Zeilen änder passiert nix.
Wenn ich das Feld rausnehme geht es. Aber ein Formular ohne Textbereich geht ja wohl nicht.

Grüße
Olli

[NaN]

...
Im Stylesheet
div#contact {width:400px;}
...

Mach da mal "div#contact form {width:400px;}" draus

[Olli]

Hallo,
habe ich geändert.
Immer noch keine änderung im IE6.
http://www.schuhmacherei-sassen.de/Kontakt.html

Grüße
Olli

[NaN]

Möglicherweise sind 400px einfach zu breit.
Welche Größe hast Du denn für das Textfeld angegeben?

[Olli]

Hallo,
habe es auf 200 geändert.
Keine Änderung.
Textbereich:
non-wysiwyg, 5 Zeilen, 2 Spalten

Grüße
Olli

[Olli]

Ich habe es.

div#contact form {width:400px;}
div#contact form textarea {
width: 30em;
height: 5em;
}

So geht es.

Grüße
Olli