tag:forum.selfhtml.org,2005:/selfKommentarfeld zerschossen – SELFHTML-Forum2014-10-06T06:18:13Zhttps://forum.selfhtml.org/self/2014/oct/4/kommentarfeld-zerschossen/1622580#m1622580Paula der HTML Tiger2014-10-04T21:17:02Z2014-10-04T21:17:02ZKommentarfeld zerschossen<p>Hallo,</p>
<p>ich weiß nicht warum, aber das Kommentarfeld unter den Beiträgen <a href="http://traum-deutung.de/wasser/" rel="nofollow noopener noreferrer">http://traum-deutung.de/wasser/</a> ist verschoben.</p>
<p>Der Firebug hilft mir leider nicht weiter, ich kann so viele Elemente abschalten wie ich will da bewegt sich nichts...</p>
https://forum.selfhtml.org/self/2014/oct/4/kommentarfeld-zerschossen/1622586#m1622586MrMurphy2014-10-04T22:45:32Z2014-10-04T22:45:32ZKommentarfeld zerschossen<p>Hallo,</p>
<p>Wenn du zoomst (Strg+Mausrad) kannst du sehen wie sich das Layout ändert / zerschießt.</p>
<p>Das Problem kann ich auch nicht lösen, zumal du einige sehr individuelle Lösungen benutzt (um es mal freundlich auszudrücken).</p>
<p>Du solltest das p-Element nicht als Container mißbrauchen.</p>
<p>Und du solltest dich mit float / clear beschäftigen. Das setzt du meiner Ansicht nach falsch ein und beachtest zum Beispiel die Vererbung nicht. Wer floatet muss auch clearen, und zwar an der richtigen Stelle.</p>
<p>Gruss</p>
<p>MrMurphy</p>
https://forum.selfhtml.org/self/2014/oct/4/kommentarfeld-zerschossen/1622581#m1622581Hannes2014-10-05T10:09:27Z2014-10-05T10:09:27ZKommentarfeld zerschossen<blockquote>
<p>ich weiß nicht warum, aber das Kommentarfeld unter den Beiträgen <a href="http://traum-deutung.de/wasser/" rel="nofollow noopener noreferrer">http://traum-deutung.de/wasser/</a> ist verschoben.</p>
</blockquote>
<p>Du nimmst die <input>-Felder per float:left aus dem normalen Verlauf raus, d.h. alle anderen Elemente fließen rechts vorbei - und genau das machen die <label>-Elemente.</p>
<p>Würdest du die Abstände (margin und padding) sowohl von <label> als auch bei den sie umgebenden <p> jenen von <input> anpassen, käme es hin, aber dann treibst du den Zweck von float völlig ad absurdum.<br>
float ist kein "Seitenwechselattribut", float entkoppelt die Darstellung des Elementes von seiner Umgebung. Eine Beschriftung und ihr Eingabefeld möchtest du aber ganz bestimmt nicht voneinander abkoppeln, also ist float hier schon grundsätzlich fehl am Platze.</p>
<p>Sollen die Beschriftungen vor den Eingabefeldern stehen, solltest du sie auch vor den Eingabefeldern einbauen. Im Moment hast du sie dahinter und versuchst, diesen HTML-Fehler zu beheben, indem du sie CSS-seitig mit float davorklemmst.</p>
<p>Ich würde für so einen Aufbau, links eine Spalte mit Beschriftungen, rechts eine Spalte mit den dazugehörigen Eingabefeldern, je eine Zeile pro Datum, glatt eine Tabelle benutzen, aber dafür bekomme ich hier sicher Haue ..</p>
https://forum.selfhtml.org/self/2014/oct/4/kommentarfeld-zerschossen/1622582#m1622582Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de/2014-10-05T22:47:39Z2014-10-05T22:47:39ZKommentarfeld zerschossen<p>@@Hannes:</p>
<p>nuqneH</p>
<blockquote>
<p>Ich würde für so einen Aufbau, links eine Spalte mit Beschriftungen, rechts eine Spalte mit den dazugehörigen Eingabefeldern, je eine Zeile pro Datum, glatt eine Tabelle benutzen, aber dafür bekomme ich hier sicher Haue ..</p>
</blockquote>
<p><a href="http://forum.de.selfhtml.org/archiv/2009/9/t190881/#m1272483" rel="nofollow noopener noreferrer">Nicht dafür.</a></p>
<p>Aber dafür, dass du unerwähnt lässt, dass Beschriftungen und Eingabefelder auf vielen Geräten nicht in eine Zeile passen.</p>
<p>Qapla'</p>
<div class="signature">-- <br>
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
</div>
https://forum.selfhtml.org/self/2014/oct/4/kommentarfeld-zerschossen/1622583#m1622583Matthias Apselwebmaster@billiger-im-urlaub.dehttp://alternativ-tankstelle.de2014-10-06T04:20:37Z2014-10-06T04:20:37ZKommentarfeld zerschossen<p>Om nah hoo pez nyeetz, Gunnar Bittersmann!</p>
<blockquote>
<p>Aber dafür, dass du unerwähnt lässt, dass Beschriftungen und Eingabefelder auf vielen Geräten nicht in eine Zeile passen.</p>
</blockquote>
<p>Dafür gibt es auch eine Lösung. <a href="http://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Tabellen_responsiv_gestalten" rel="nofollow noopener noreferrer">Tabellen responsiv gestalten</a></p>
<p>Matthias</p>
<div class="signature">-- <br>
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen <a href="http://selfhtml.apsel-mv.de/java-javascript/index.php?buchstabe=B#bovis" rel="nofollow noopener noreferrer">Bovis und Bovist</a>.<br>
<img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="" loading="lazy"><br>
</div>
https://forum.selfhtml.org/self/2014/oct/4/kommentarfeld-zerschossen/1622584#m1622584Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de/2014-10-06T06:17:09Z2014-10-06T06:17:09ZKommentarfeld zerschossen<p>@@Matthias Apsel:</p>
<p>nuqneH</p>
<blockquote>
<p>Dafür gibt es auch eine Lösung. <a href="http://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Tabellen_responsiv_gestalten" rel="nofollow noopener noreferrer">Tabellen responsiv gestalten</a></p>
</blockquote>
<p>Da wär ich nie drauf gekommen. :-D</p>
<p>Qapla'</p>
<div class="signature">-- <br>
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
</div>
https://forum.selfhtml.org/self/2014/oct/4/kommentarfeld-zerschossen/1622585#m1622585Matthias Apselwebmaster@billiger-im-urlaub.dehttp://alternativ-tankstelle.de2014-10-06T06:18:13Z2014-10-06T06:18:13ZKommentarfeld zerschossen<p>Om nah hoo pez nyeetz, Gunnar Bittersmann!</p>
<blockquote>
<p>Da wär ich nie drauf gekommen. :-D</p>
</blockquote>
<p>Wusst ichs doch ;-)</p>
<p>Matthias</p>
<div class="signature">-- <br>
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen <a href="http://selfhtml.apsel-mv.de/java-javascript/index.php?buchstabe=W#wal" rel="nofollow noopener noreferrer">Wal und Waldsterben</a>.<br>
<img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="" loading="lazy"><br>
</div>
https://forum.selfhtml.org/self/2014/oct/4/kommentarfeld-zerschossen/1622587#m1622587Felix Riestererhttp://felix-riesterer.de/2014-10-05T00:25:01Z2014-10-05T00:25:01ZKommentarfeld zerschossen<p>Lieber MrMurphy,</p>
<blockquote>
<p>zumal du einige sehr individuelle Lösungen benutzt (um es mal freundlich auszudrücken).</p>
</blockquote>
<p>die Seite ist mit Wordpress realisiert... und an den "individuellen Lösungen" ist wahrscheinlich das verwendete Template schuld.</p>
<p>Liebe Grüße,</p>
<p>Felix Riesterer.</p>
<div class="signature">-- <br>
"Wäre die EU ein Staat, der die Aufnahme in die EU beantragen würde, müsste der Antrag zurückgewiesen werden - aus Mangel an demokratischer Substanz." (Martin Schulz, Präsident des EU-Parlamentes)
</div>