Ergebnis 1 bis 2 von 2

Thema: IE und Firefox Bereichshöhe mit CSS

  1. #1
    Gast

    Standard IE und Firefox Bereichshöhe mit CSS

    ich bekomme es einfach nicht gebacken.

    Nachfolgenden Code habe ich mir zusammengestrickt. Hierbei soll ein ganz langer Text in einem Bereich stehen, der mit einem roten Balken oben und unten im Bereich "b" abschliesst. Im IE wird dieses so wie ich es haben möchte, korrekt dargestellt. Im Firefox nicht. Hier endet der untere Balken nach ein paar Pixeln und der Bereich c läuft über diesen Balken hinaus nach unten weiter. Ich habe hier schon einiges Ausprobiert, aber irgendwie bin ich im Augenblick zu blöd dazu.

    (ACHTUNG: Es geht jetzt nicht darum den HTML-Code umzustellen. Nur falls einer von euch auf diese Idee kommen sollte)

    Code:
          <div id="a">
          <div class="b"> 
            <div id="c">
              Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
    Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text.
          </div>
        </div>
    </div>
    Code:
    #a &#123; 
          width&#58;               776px;
    &#125;
    
    .b &#123;
          height&#58;              100%;
          width&#58;               100%;
          border-top&#58;          8px solid #FF0000; 
          border-bottom&#58;       8px solid #FF0000; 
          background-color&#58;    #00FF00; 
    &#125;
    
    #c &#123;
          width&#58;               550px;
          margin-top&#58;          10px;
          margin-right&#58;        5px;
          float&#58;               right;
          background-color&#58;    #FF0000; 
    &#125;
    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 !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ich bin jetzt doch mal auf die Idee gekommen, CSS und HTML etwas zu vereinfachen (sorry). Wenn du die .b-Klasse für keinen anderen Zweck brauchst, kannst du die Angaben auch in #a packen.

    CSS
    Code:
    #a &#123;
          width&#58;               776px;
          border-top&#58;          8px solid #FF0000;
          border-bottom&#58;       8px solid #FF0000;
          background-color&#58;    #00FF00;
          float&#58;left;
    &#125;
    
    
    #c &#123;
          width&#58;               550px;
          margin-top&#58;          10px;
          margin-right&#58;        10px;
          float&#58;               right;
          background-color&#58;    #FF0000;
    &#125;
    *html #c &#123;
    	margin-right&#58;5px;
    &#125;
    HTML
    Code:
     <div id="a">
            <div id="c">
              Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. usw
    </div>
    </div>

Ähnliche Themen

  1. IE vs. Firefox
    Von Jeromeston im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 09.02.2006, 01:02
  2. Firefox 1.5
    Von Ronald im Forum Computer - Internet Forum
    Antworten: 21
    Letzter Beitrag: 12.12.2005, 17:06
  3. Firefox & IE
    Von torsten81 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 15.11.2005, 10:34
  4. IE vs. Firefox
    Von swordfish0815 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 11.10.2005, 23:25
  5. <div> Tag bei IE & Firefox
    Von im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 08.08.2005, 15:39

Stichworte

Berechtigungen

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