ilch Forum » Allgemein » HTML, PHP, SQL,... » ein Ersatz für clear="both" im br-tag?

Geschlossen
  1. So. 06.01.2013 21:10 Uhr #1
    User Pic
    Ahrtas Moderator
    Registriert seit
    17.12.2007
    Beiträge
    2.368
    Beitragswertungen
    210 Beitragspunkte
    Also wenn ich in einem Div-Container etwas im css per float platziere muss ich immer
    <br style="clear:both" />
    einfügen damit der Container sich der Größe automatisch anpasst.

    Nun suche ich ein Ersatz oder ein CSS-Kommando was ich direkt in die CSS-Datei einfügen kann um mir den obigen Code in jedem Div-Container zu sparen.

    Ich habe ein Beispiel-Link angegeben wo die <li>-Tags per float linksbündig angeordnet sind - durch den <br /> wird nun ein neuer Absatz eingefügt den ich zumindest dort vermeiden möchte damit es optisch passt. lächeln


    Kann mir da jemand weiterhelfen wie ich es anderst lösen könnte?

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. So. 06.01.2013 21:27 Uhr #2
    User Pic
    Wizzard26 Mitglied
    Registriert seit
    05.03.2009
    Beiträge
    259
    Beitragswertungen
    33 Beitragspunkte
    Bin mir zwar beim überfliegen gerade nicht ganz sicher wodrauf du hinaus willst. Aber li elemente brauchen kein float um nebeneinander zu stehen, ein display: inline, oder inline-block tuts in der regel auch
    0 Mitglieder finden den Beitrag gut.
  3. So. 06.01.2013 22:29 Uhr #3
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    einfach eine class vergeben . 

    <br class="clear" />


    css: 

    .clear {clear:both;}


    So sollte es valide sein wenn du darauf ausgehst....

    Mfg maretz
    Ilch Templates and Modules

    0 Mitglieder finden den Beitrag gut.
  4. Mo. 07.01.2013 08:27 Uhr #4
    User Pic
    Wizzard26 Mitglied
    Registriert seit
    05.03.2009
    Beiträge
    259
    Beitragswertungen
    33 Beitragspunkte
    Ausgeschlafen seh ich auch was du meinst ^^

    Vorweg, Maretz ich glaub wie Arthas nen style in css schreiben kann als class wüsste er selber zwinker

    Arthas

    geb der class cms-extensions ein overflow: hidden, dann erweitert sich auch der container.
    1 Mitglieder finden den Beitrag gut.
  5. Mo. 07.01.2013 09:29 Uhr #5
    User Pic
    Ahrtas Moderator
    Registriert seit
    17.12.2007
    Beiträge
    2.368
    Beitragswertungen
    210 Beitragspunkte
    Danke Maretz aber dein Beispiel wäre das gleiche Ergebnis wie im Anfangspost nur dass das CSS dann ausgelagert wäre. zwinker

    @Wizzard26
    overflow:hidden
    vielen Dank das war die Lösung Yeslächeln
    0 Mitglieder finden den Beitrag gut.
  6. Mo. 07.01.2013 17:42 Uhr #6
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    Muss mich entschuldigen.Habe dies wohl unaufmerksam gelesen.. lächeln
    Ilch Templates and Modules

    0 Mitglieder finden den Beitrag gut.
  7. Mo. 07.01.2013 18:51 Uhr #7
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.336
    Beitragswertungen
    390 Beitragspunkte
    Damit wird der 5. Punkt nicht angezeigt, soll das wirklich so sein?

    Ansonsten sollte man denke ich display: inline-block bevorzugen, wenn man den IE6 nicht mehr unterstützen will.

    Alternativ gibts auch: www.webtoolkit.info/css-clearfix.html
    Die Klasse gibt man dann dem Container, der die gefloateten Elemente enthält.


    Zuletzt modifiziert von Mairu am 07.01.2013 - 18:56:59
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  8. Mo. 07.01.2013 21:55 Uhr #8
    User Pic
    Wizzard26 Mitglied
    Registriert seit
    05.03.2009
    Beiträge
    259
    Beitragswertungen
    33 Beitragspunkte
    Mairu, mal nur interesse halber, gehst du noch runter bis zum IE6, nicht falsch verstehen ich mein die frage ernst da ich eigentlich nur noch bis 7 anpass. Bin mir da nicht sicher obs noch sinn macht oder nicht.

    Der Clearfix ist ja im grunde auch nur ne ansammlung der einzelnen css-hacks für netscape, moz, ie7 + 8 wenn ich das richtig seh.
    0 Mitglieder finden den Beitrag gut.
  9. Mo. 07.01.2013 22:30 Uhr #9
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.336
    Beitragswertungen
    390 Beitragspunkte
    Ich persönlich mache eigentlich gar nix in die Richtung, auf Arbeit mach ich nur interne Tools, die alle auf Firefox ausgelegt sind.

    Wenn ich was machen würde, hätte ich mich aber auf jeden Fall schon gegen IE6 Entschieden, selbst Microsoft fährt ja eine Kampagne, sollte also eine klare Sache sein.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  10. Di. 08.01.2013 07:52 Uhr #10
    User Pic
    Ahrtas Moderator
    Registriert seit
    17.12.2007
    Beiträge
    2.368
    Beitragswertungen
    210 Beitragspunkte
    Mairu
    Mit IE6 siehst du also nur 4 Erweiterungen?

    Mit dem neuesten FF, IE und Chrome sehe ich alle 5. grumml

    Und clearfix ist nur dafür wenn ich ältere Browser auch unterstützen möchte ansonsten display:inline-block wenn ich richtig verstanden habe?
    0 Mitglieder finden den Beitrag gut.
  11. Di. 08.01.2013 19:18 Uhr #11
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.336
    Beitragswertungen
    390 Beitragspunkte
    Nein ich hab Windows 7 und Firefox und hatte gestern nur 4, jetzt sinds alle 5, du hast wirklich nichts geändert? zunge
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  12. Di. 08.01.2013 19:48 Uhr #12
    User Pic
    Ahrtas Moderator
    Registriert seit
    17.12.2007
    Beiträge
    2.368
    Beitragswertungen
    210 Beitragspunkte
    Ne hab ich nich lachen
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten