Ergebnis 1 bis 3 von 3

Thema: Elemente floaten nicht richtig. <main> zu kurz für Inhalt

  1. #1
    Teeny
    Registriert seit
    11.08.2010
    Ort
    91217 Hersbruck
    Beiträge
    41
    Danke
    0
    Bekam 13 mal "Danke" in 13 Postings

    Standard Elemente floaten nicht richtig. <main> zu kurz für Inhalt

    Hallo Forumsfreunde,
    jetzt habe ich ein "Anfänger"problem, dass ich aber nicht lösen kann.

    Ich habe versucht mein CMS auf html5-Elemente umzustellen.
    Im Versuch und bei den meisten Seiten ging's gut:
    http://www.jsr-hersbruck.de/site/fam/index.html

    In der Praxis hat main bei manchen Seiten nicht die ausreichende Höhe der Elemente innerhalb, so dass Text verschluckt wird. Des weiteren sortiert sich der Footer nicht unter main, sondern hängt sich rechts an.
    http://www.jsr-hersbruck.de/site/fam...erschoben.html

    Mit einem clear:left; könnte ich den Footer links positionieren, main würde den Text dann als overflow zeigen, hätte aber trotzdem keinen Hintergund im überstehenden Abschnitt.
    screenshot_main_zu_kurz.jpg
    Vielen Dank im Voraus

    Nachtrag:
    eine besonders schlimme Seite:
    http://www.jsr-hersbruck.de/site/was/index.html
    Die Überschriften h3 sind nichtan ihren passenden Stellen, sondern direkt untereinander. Wie kannso etwas passieren?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von resteverwerter (19.09.2013 um 06:53 Uhr)

  2. #2
    Meister(in) Avatar von lukasn
    Registriert seit
    23.02.2008
    Ort
    Schweiz
    Alter
    27
    Beiträge
    491
    Danke
    2
    Bekam 12 mal "Danke" in 11 Postings

    Standard AW: Elemente floaten nicht richtig. <main> zu kurz für Inhalt

    Das Problem der #main, die nicht richtig skaliert, kanst du mit einem overflow: hidden; lösen.

    Was die Paragraphen angeht, verstehe ich nicht, warum du denen überhaupt ein float verpasst hast. Ich hab mal die floats für article p entfernt, das sieht für mich ganz okay aus, ist aber möglich, dass das irgendwo sonst Probleme gibt, von hier aus schwer zu sagen.

    Was dein HTML-Markup angeht denke ich allerdings, dass du da noch etwas daran arbeiten könntest. Auf der letzten Seite die du verlinkt hast sieht es so aus, als sollte jede h3,p,img kombination als eine zusammengehörige Einheit dastehen, da bietet sich eigentlich jeweils ein <section> tag an, um die drei zusammen zu halten.


    Gruss,
    -Lukas

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    11.08.2010
    Ort
    91217 Hersbruck
    Beiträge
    41
    Danke
    0
    Bekam 13 mal "Danke" in 13 Postings

    Standard AW: Elemente floaten nicht richtig. <main> zu kurz für Inhalt

    Vielen Dank,

    Problem 1 -gelöst
    main ist nicht hoch genug - overflow:hidden funktioniert.
    Weiß irgendjemand warum das so ist?

    Problem 2: - gelöst
    float für p - keine Ahnung, warum. Auch die width ist überflüssig, da dies ja durch section definiert ist. -> lösch ich raus!

    Das klingt jetzt wohl komisch, aber irgendwie ist meine Homepage und das css (wie ein Krebsgeschwür) organisch in alle Richtungen gewachsen. Gerade am Anfang (d.h. auf älteren Seiten) gab es eine Vielzahl von div-Boxen, die ich heute in den normalen Fließtext einbauen würde. Jetzt will ich da endlich mal Stück für Stück wieder Struktur reinbringen und Du hast mir da sehr geholfen.

    Das html-markup dieser Seite war für mich nur ein Beispiel der Darstellungsprobleme. Anders als OnePage-Webseiten muss ich irgendwie immer unter dem rollenden Rad arbeiten. Im offline-Modus hatte meine Beispielseite funktioniert und online dann die zu kurzen main-Container.

    Nochmals vielen Dank Matthias
    Geändert von resteverwerter (19.09.2013 um 15:02 Uhr)

Ähnliche Themen

  1. Antworten: 1
    Letzter Beitrag: 26.07.2013, 12:39
  2. Antworten: 1
    Letzter Beitrag: 13.08.2012, 22:09
  3. Antworten: 0
    Letzter Beitrag: 07.04.2008, 00:11
  4. Antworten: 1
    Letzter Beitrag: 21.11.2007, 10:26
  5. Inhalt der "main column" in externer PHP Seite anz
    Von youcan im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 10
    Letzter Beitrag: 07.09.2005, 22:11

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •