+ Antworten
Ergebnis 1 bis 5 von 5

Thema: clear:left, aber wo???

  1. #1
    TP-Insider belimo macht sich hier sehr viel Mühe Avatar von belimo
    Registriert seit
    Feb 2004
    Ort
    Schweiz
    Beiträge
    932

    clear:left, aber wo???

    Liebe Leute

    Ich bin hier (http://www.metzgerchoerli.ch/index.php?id=10) auf ein unerklärliches Problem gestossen:

    Ich habe da ein input id="username", welches links floated, wie auf der Webseite unschwer gesehen werden kann. Ich verwende YAML's-clearfix, deshalb dürfte das nicht vorkommen. Allerdings hat das entsprechende input-Feld gar keinen "clear:left" zugewiesen. Warum trotzdem diese Darstellung?

    Danke für eure Tipps!
    Gruss belimo


    Meine Lieblings-Firefox-Erweiterung: Firebug


  2. #2
    TP-Supporter threadi macht sich hier sehr viel Mühe
    Registriert seit
    Dec 2006
    Beiträge
    453
    Du hast Dir dort einen kleinen HTML-Fehler eingebaut, der sowas verursachen könnte:

    http://validator.w3.org/check?verbos....php%3Fid%3D10

  3. #3
    TP-Insider belimo macht sich hier sehr viel Mühe Avatar von belimo
    Registriert seit
    Feb 2004
    Ort
    Schweiz
    Beiträge
    932
    Leider löste das das Problem nicht. Der Fehler muss beim Modul zu suchen sein, nicht beim Layout. Denn verwende ich ein anderes Modul, funktioniert's, wie oben jetzt zu sehen ist.

    Trotzdem danke
    Gruss belimo


    Meine Lieblings-Firefox-Erweiterung: Firebug


  4. #4
    TP-Supporter threadi macht sich hier sehr viel Mühe
    Registriert seit
    Dec 2006
    Beiträge
    453
    Jetzt sieht die Seite bei mir aber schon deutlich besser aus. Vorher war das Formular unten, jetzt ist es (nehme ich an) an der richtigen Stelle.

    Die Formularfelder liegen nebeneinander, da Du um die input-Felder das label setzt. label sollte aber vor dem input beendet werden.

    Du schreibst also:
    Code:
    <label>Beschriftung<input></label>
    Richtiger wäre:
    Code:
    <label>Beschriftung</label><input>
    Dann kannst Du auch die label neben oder über input setzen und jeweils nach dem input ein clear einfügen um eine neue Zeile zu erzwingen.

    Alternativ: setz mal label auf "display: block;".

  5. #5
    TP-Insider belimo macht sich hier sehr viel Mühe Avatar von belimo
    Registriert seit
    Feb 2004
    Ort
    Schweiz
    Beiträge
    932
    Ja, ich nutze jetzt eine anderes Modul der CMS-Software ModX

    Danke für den Hinweis betreffend der Verschachtelung. Leider wird dieser Fehler vom ModX-Modul "WebLogin" verursacht...

    Aber die Darstellung mache ich dann später. Übrigens schau mal hier: http://www.traum-projekt.com/forum/1...rechend-l.html
    Hatte da ein ähnliches Problem (mit dem ModX-Modul Gregorian). Weiss nicht ob du dich mit YAML (CSS-Framework) auskennst, aber vielleicht ist die (einfache Lösung) ja interessant für dich (class=floatbox).

    Trotzdem danke für die Hilfe
    Gruss belimo


    Meine Lieblings-Firefox-Erweiterung: Firebug


+ Antworten

Ähnliche Themen

  1. float & clear
    Von localex im Forum Webdesign allgemein
    Antworten: 3
    Letzter Beitrag: 21.11.2007, 00:07
  2. IE zeigt bei clear abstand an
    Von Flow09 im Forum HTML & CSS
    Antworten: 8
    Letzter Beitrag: 16.10.2006, 11:40
  3. float - clear
    Von PeterBrand im Forum HTML & CSS
    Antworten: 6
    Letzter Beitrag: 25.08.2005, 16:11
  4. clear:left wirkt auf alle Div's links davon
    Von halla im Forum HTML & CSS
    Antworten: 4
    Letzter Beitrag: 20.07.2005, 00:42
  5. Clear Gifs
    Von GodFaders Son im Forum HTML & CSS
    Antworten: 6
    Letzter Beitrag: 20.01.2002, 00:39

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51