1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Firefox ignoriert <br> in Span

Dieses Thema im Forum "HTML & XHTML" wurde erstellt von Jan-Frederik Stieler, 24. Juli 2016.

  1. Jan-Frederik Stieler

    Jan-Frederik Stieler Monsterator Moderator

    HI,
    ich hab eine Liste mit SVG-grafiken udn zwei Spans mit text in welchem dieser mittels <br< umbrochen wird.
    Der Firefox ignoriert aber irgendwie die br. Hat einer eine Idee woran das liegen könnte?

    HTML:
    1. <div class="container">
    2.   <ul class="nav menu legende col-md-24">
    3.   <li class="item-122 agil">
    4.   <a href="/de/agil-framework" class="agil">
    5.   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 44">
    6.   <path fill-rule="evenodd" fill="#EEE" stroke="#AAA" stroke-width="2" d="M19.124 2L1.89 12.13v19.885l17.264 10.23 17.75-10.08V12.327L19.125 2z" />
    7.   </svg><span class="hexagon_text">A</span><span class="link_text hidden-xs">Agil-Framework</span>
    8.   </a>
    9.   </li>
    10.   <li class="item-123 waterfall">
    11.   <a href="/de/wasserfall-modell" class="waterfall">
    12.   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 44">
    13.   <path fill-rule="evenodd" fill="#EEE" stroke="#AAA" stroke-width="2" d="M19.124 2L1.89 12.13v19.885l17.264 10.23 17.75-10.08V12.327L19.125 2z" />
    14.   </svg><span class="hexagon_text">V</span><span class="link_text hidden-xs">Wasserfall-Modell</span>
    15.   </a>
    16.   </li>
    17.   <li class="item-129 motis_two">
    18.   <a href="/de/motis-basierte-softwareprodukte" class="motis_two">
    19.   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 44">
    20.   <path fill-rule="evenodd" fill="#EEE" stroke="#AAA" stroke-width="2" d="M19.124 2L1.89 12.13v19.885l17.264 10.23 17.75-10.08V12.327L19.125 2z" />
    21.   </svg><span class="hexagon_text">MP</span><span class="link_text hidden-xs">MOTIS <br> basierte Softwareprodukte</span>
    22.   </a>
    23.   </li>
    24.   <li class="item-128 motis_one">
    25.   <a href="/de/motis-basierte-dienstleistungen-qs-simulationen" class="motis_one">
    26.   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 44">
    27.   <path fill-rule="evenodd" fill="#EEE" stroke="#AAA" stroke-width="2" d="M19.124 2L1.89 12.13v19.885l17.264 10.23 17.75-10.08V12.327L19.125 2z" />
    28.   </svg><span class="hexagon_text">MS</span><span class="link_text hidden-xs">MOTIS <br> basierte Dienstleistungen <br> (QS, Simulationen)</span>
    29.   </a>
    30.   </li>
    31.   <li class="item-127 ooa">
    32.   <a href="/de/requirement-engineering-ooa-alle-branchen" class="ooa">
    33.   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 44">
    34.   <path fill-rule="evenodd" fill="#EEE" stroke="#AAA" stroke-width="2" d="M19.124 2L1.89 12.13v19.885l17.264 10.23 17.75-10.08V12.327L19.125 2z" />
    35.   </svg><span class="hexagon_text">RE</span><span class="link_text hidden-xs">Requirement Engineering <br> OOA alle Branchen</span>
    36.   </a>
    37.   </li>
    38.   <li class="item-126 ooa-mobility">
    39.   <a href="/de/business-engeneering-requirement-engineering-ooa-mobility" class="ooa-mobility">
    40.   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 44">
    41.   <path fill-rule="evenodd" fill="#EEE" stroke="#AAA" stroke-width="2" d="M19.124 2L1.89 12.13v19.885l17.264 10.23 17.75-10.08V12.327L19.125 2z" />
    42.   </svg><span class="hexagon_text">M</span><span class="link_text hidden-xs">Business Engineering<br>Requirement Engineering <br> OOA Mobility </span>
    43.   </a>
    44.   </li>
    45.   </ul>
    46. </div>
    Hab grad einieg Styles rasugenommen und festgestellt das es wohl an einem float liegt. Nur wie ich das gefixt bekomm und trotzdem das Aussehen beibehalte muss ich smal austesten.
    Aber trotzdem sehr strange.
     
    Zuletzt bearbeitet: 24. Juli 2016
  2. SpiceLab

    SpiceLab ZENmechanic Premium-User

    Wenn Du das CSS zum HTML postest, lässt sich das Rätsel vielleicht gemeinsam lösen :)
     
  3. djheke

    djheke Erfahrenes Mitglied

    Vielleicht kannst du <b> basierte Softwareprodukte</b> nehmen und mit css zum Blockelement befördern.
     
  4. Jan-Frederik Stieler

    Jan-Frederik Stieler Monsterator Moderator

    Hi,
    sorry hab vergessen das CSS zu posten.
    Aber was mir grad im Inspektor vom FF aufgefallen ist, ist das dieser dort wo das Break drinnen steht ein <br></br> draus macht.
    Ist das im FF beabsichtigt? Im Quelltext steht nur ein <br>.

    Das CSS liefere ich noch nach. Ich hab grad keinen vernünftigen Zugang zur Seite.

    Grüße
     
  5. SpiceLab

    SpiceLab ZENmechanic Premium-User

    Das ist "normal". Bei <hr>, <img>, usw. erscheint auch ein schließender Tag, obwohl es den nicht gibt.
    Hab mir sowas schon gedacht ;)
     
    Zuletzt bearbeitet: 1. August 2016
Die Seite wird geladen...
Ähnliche Themen - Firefox ignoriert <br>
  1. phwert
    Antworten:
    2
    Aufrufe:
    260
  2. phwert
    Antworten:
    1
    Aufrufe:
    357
  3. AIKler
    Antworten:
    4
    Aufrufe:
    935