Kniffliges CSS Problem

Re(16): Kniffliges CSS Problem

RevX — Fri, 07 Oct 2005 11:11:52 GMT

Gell, des macht schon Spaß, browserübergreifende Seiten zu erstellen

Ja, mächtig!

Ich glaube, ich bleibe bei der Table-Lösung (in diesem Fall auch nicht viel schlechter als eine Stylesheet-Browserweise). Danke jedenfalls für deine Mühen!

Re(15): Kniffliges CSS Problem

Ingenico — Fri, 07 Oct 2005 11:06:49 GMT

Aber jetzt passt's im IE wieder nicht!!

Gell, des macht schon Spaß, browserübergreifende Seiten zu erstellen
Ich hab leider keinen Win-Rechner, drum kann ich jetzt nix dazu sagen.

Re(13): Kniffliges CSS Problem

Ingenico — Fri, 07 Oct 2005 11:02:44 GMT

"Offene" TDs sind standardkonform
(http://www.w3.org/TR/html401/struct/tables.html#h-11.2.6 ), wie andere
Table-Elemente auch.

Bähh, ist des grauslig!

Aber in Deinem Erstentwurf hast eine [tr] nicht geschlossen und statt dessen eine [td] hingeschrieben. Das meinte ich, daß es eine Fehlerursache sein kann, wo man lange herumsucht. Hatte aber mit Deinem Problem eh nix zu tun.

Re(12): Kniffliges CSS Problem

RevX — Fri, 07 Oct 2005 10:50:52 GMT

Invalid ist das HTML durch folgende Sachen:
line 1 column 1 - Warning: missing declaration
line 2 column 1 - Warning: inserting missing 'title' element
line 13 column 174 - Warning: attribute "width" has invalid value "30px"
line 13 column 174 - Warning: attribute "height" has invalid value "30px"
line 33 column 17 - Warning: attribute "width" has invalid value "83px"
line 33 column 17 - Warning: attribute "height" has invalid value "45px"

"Offene" TDs sind standardkonform (http://www.w3.org/TR/html401/struct/tables.html#h-11.2.6 ), wie andere Table-Elemente auch.

Re(14): Kniffliges CSS Problem

RevX — Fri, 07 Oct 2005 10:47:22 GMT

Aber jetzt passt's im IE wieder nicht!!!

Re(13): Kniffliges CSS Problem

Ingenico — Fri, 07 Oct 2005 09:52:48 GMT

Kannst mir bitte das HTML zu dem Screenshot
zukommen lassen. Danke!

http://members.aon.at/eaigner4/xxx.html

Re(12): Kniffliges CSS Problem

RevX — Fri, 07 Oct 2005 08:51:04 GMT

Sorry, ich krieg das so nicht hin. Kannst mir bitte das HTML zu dem Screenshot zukommen lassen. Danke!

Re(12): Kniffliges CSS Problem

RevX — Fri, 07 Oct 2005 08:27:18 GMT

Danke für den Vorschlag. Die Details sind noch nicht festgelegt. Das war jetzt nur mal ein schneller erster Entwurf.

Re(12): Kniffliges CSS Problem

RevX — Fri, 07 Oct 2005 08:25:44 GMT

Danke! Das war's: display:inline im Fieldset ist nicht notwendig, aber ein float:left in DIVs innerhalb der Fieldsets! Irgendwie ein bissl merkwürdig...

Invalid ist das HTML durch folgende Sachen:
line 1 column 1 - Warning: missing declaration
line 2 column 1 - Warning: inserting missing 'title' element
line 13 column 174 - Warning: attribute "width" has invalid value "30px"
line 13 column 174 - Warning: attribute "height" has invalid value "30px"
line 33 column 17 - Warning: attribute "width" has invalid value "83px"
line 33 column 17 - Warning: attribute "height" has invalid value "45px"

"Offene" TDs sind standardkonform (http://www.w3.org/TR/html401/struct/tables.html#h-11.2.6 ), wie andere Table-Elemente auch.

Re(11): Kniffliges CSS Problem

Ingenico — Thu, 06 Oct 2005 21:03:35 GMT

Rein ergonomisch betrachtet - was hälts davon, die Labels rechtsbündig (zum Datenfeld gerichtet) auszurichten und ohne Doppelpunkt auszustatten?

Re(11): Kniffliges CSS Problem

Ingenico — Thu, 06 Oct 2005 20:46:23 GMT

Ja, aber wie weiter oben schon vermutet wurde, liegt da anscheinend ein
Mozilla-Bug vor...

Ja, das sieht schon sehr nach Bug aus. Seltsam daß ich den noch nie gespürt hab!

Re(11): Kniffliges CSS Problem

Ingenico — Thu, 06 Oct 2005 20:44:16 GMT

Das Problem dabei ist aber noch immer, dass das rechte Fieldset sich auf
maximale Breite ausdehnt, anstatt nur um den Inhalt herum zu gehen.

Dann haust halt noch ein "float" um das zweite [div].

http://members.aon.at/eaigner4/p_float3.png

@invalides html: Ich weiß, aber zuerst muss es mal optisch so aussehen, wie's soll..

Also wennst offene [td]-Tags in der Luft hängen läßt, kanns schon auch sein, daß der Entwurf nix wird.

Re(10): Kniffliges CSS Problem

RevX — Thu, 06 Oct 2005 20:31:00 GMT

Aber das Fieldset wäre ja "container" genug, um alles reinzupacken, was das [div]-Tag bieten könnte.

Ja, aber wie weiter oben schon vermutet wurde, liegt da anscheinend ein Mozilla-Bug vor...
(ohne die DIV-Tags schaut's genauso aus)

Re(10): Kniffliges CSS Problem

RevX — Thu, 06 Oct 2005 20:26:42 GMT

Das Problem dabei ist aber noch immer, dass das rechte Fieldset sich auf maximale Breite ausdehnt, anstatt nur um den Inhalt herum zu gehen.

@invalides html: Ich weiß, aber zuerst muss es mal optisch so aussehen, wie's soll...

Re(9): Kniffliges CSS Problem

Ingenico — Thu, 06 Oct 2005 20:26:11 GMT

Hab mir nochmals meine WebAnwendung angesehen, weil ich ja sehr oft [fieldset] "floate", und ich noch nie ein Problem unter FF/Mozilla hatte.

Beispiel:
http://members.aon.at/eaigner4/customer.png

Es scheint an der Division zu liegen, die bei dir innerhalb des fieldsets lagert.
Den Fall hatte ich wohl noch nie. Aber das Fieldset wäre ja "container" genug, um alles reinzupacken, was das [div]-Tag bieten könnte.

Re(9): Kniffliges CSS Problem

Ingenico — Thu, 06 Oct 2005 20:26:11 GMT

Hab mir nochmals meine WebAnwendung angesehen, weil ich ja sehr oft innerhalb von [fieldset] "floate", und ich noch nie ein Problem unter FF/Mozilla hatte.

Beispiel:
http://members.aon.at/eaigner4/customer.png

Es scheint an der Division zu liegen, die bei dir innerhalb des fieldsets lagert.
Den Fall hatte ich wohl noch nie. Aber das Fieldset wäre ja "container" genug, um alles reinzupacken, was das [div]-Tag bieten könnte.

Re(9): Kniffliges CSS Problem

Ingenico — Thu, 06 Oct 2005 20:11:33 GMT

Du kannst die [div]-Tags über die [fieldset]-Tags ziehen und dort "floaten".
Dann sieht es so aus:

http://members.aon.at/eaigner4/p_float2.png

Übrigens - dein html ist alles andere als valide!

Re(8): Kniffliges CSS Problem

RevX — Thu, 06 Oct 2005 19:39:31 GMT

Da hast du dir aber nicht angeschaut, wie's wirklich sein soll (so wie's der IE darstellt)!!!

http://forum.geizhals.at/files/252/goodone.jpg

Re(7): Kniffliges CSS Problem

Ingenico — Thu, 06 Oct 2005 19:09:40 GMT

Geh bitte mach mir einen Screenshot.

http://members.aon.at/eaigner4/p_inline.png
http://members.aon.at/eaigner4/p_float.png

Re(6): Kniffliges CSS Problem

RevX — Thu, 06 Oct 2005 18:07:39 GMT

Geh bitte mach mir einen Screenshot. Das kann doch nie und nimmer in einem Mozilla-Browser so aussehen wie im Internet Explorer! (Und das tut es auch nicht!)

Re(5): Kniffliges CSS Problem

Ingenico — Thu, 06 Oct 2005 13:50:35 GMT

Na klar hab ich's versucht, aber es funktioniert nicht! (Hast du's
versucht???)

1. Ich hab Deinen HTML-Source-Code lokal gespeichert.
2. Ich hab Dein Problem erkannt
3. Ich hab "display: inline;" weggenommen
4. Ich habe "float: left;" in ersten field-set eingetragen
5. Ich hab gesehen, daß das Problem beseitig ist
6. Ich hab gepostet, daß du "float" versuchen sollst.

Also, mehr kann ma nimma machen!

Re(4): Kniffliges CSS Problem

RevX — Thu, 06 Oct 2005 13:41:18 GMT

Na klar hab ich's versucht, aber es funktioniert nicht! (Hast du's versucht???)

Re(3): Kniffliges CSS Problem

Ingenico — Thu, 06 Oct 2005 13:28:37 GMT

Aber das ändert an dem "verbauten" Fieldset-Inhalt nichts.

Du hast es ja nicht einmal versucht!
Naja, egal ...

Re(2): Kniffliges CSS Problem

RevX — Thu, 06 Oct 2005 12:53:24 GMT

Aber das ändert an dem "verbauten" Fieldset-Inhalt nichts.

Re: Kniffliges CSS Problem

Ingenico — Thu, 06 Oct 2005 10:10:30 GMT

Du könntest dass CSS-Attribut "float" verwenden.

[fieldset style="float: left;"]

Re(3): Kniffliges CSS Problem

.tom — Wed, 05 Oct 2005 18:49:28 GMT

keine allzu schöne Lösung

man darf beim homepagedesignen doch nicht zu wählerisch sein ... wenn es auf allen dreien einigermaßen läuft, hast eh schon gewonnen ...

Re(2): Kniffliges CSS Problem

RevX — Wed, 05 Oct 2005 14:08:21 GMT

Danke für die Rückmeldung. Schaut tatsächlich wie ein (seit langem) nicht gefixter Bug aus. Ich habe jetzt folgenden Workaround (display:inline weg, Fieldsets in eine Tabelle packen):
http://forum.geizhals.at/files/252/testneu.html
Ist zwar keine allzu schöne Lösung, aber eine die überall funktioniert.

Re: Kniffliges CSS Problem

Xmolch — Wed, 05 Oct 2005 13:18:08 GMT

Der Firefox scheint da Probleme mit Fieldsets zu haben. Wie es aussieht bist du nicht allein mit diesem Problem: http://archivist.incutio.com/viewlist/css-discuss/50106

Ich hab mir deine Seite im Deer Park Alpha 2 angesehen, und die beiden Fieldsets werden, zwar korrekt nebeneinander gereiht, jedoch bilden sie zwei ungleich lange Spalten und die Tabellenzellen kollabieren auf Inhaltsgröße. Interessanterweise wird das Tabellenlayout korrigiert wenn ich auf den Google Button klicke. Ob es ein workaround zu diesem Problem gibt, weiß ich nicht. Bin zugegebeneremaßen überrascht, dass der Mozilla diese Fehler noch nicht behoben hat...

Kniffliges CSS Problem

RevX — Wed, 05 Oct 2005 08:26:48 GMT

Problemobjekt: http://forum.geizhals.at/files/252/test.html

Ich versuche zwei Fieldsets nebeneinander anzuzeigen, wobei sich die Fieldsets
nicht (wie defaultmäßig) über die gesamte Fensterbreite erstrecken sollen, sondern
nur so breit/hoch sind, wie's deren Inhalt erfordert. Deshalb verwende ich als Style
display:inline bei den Fieldsets. Im Internet Explorer (und Opera) sieht das
auch wie gewünscht aus (Eingabefelder untereinander ausgerichtet, Text neben
Bild), in Mozilla Browsern leider nicht. Hat wer einen konkreten (funktionierenden)
Vorschlag, wie/was ich ändern muss (vorzugsweise mittels CSS), damit die Mozillas
die Fieldsets (deren Inhalte) genauso darstellen wie der IE? Danke!