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

DIV Box mit Überschrift

Dieses Thema im Forum "Web-Programmierung" wurde erstellt von Caesar, 25.02.08.

  1. Caesar

    Caesar Weigelts Zinszahler (Rotfranch)

    Dabei seit:
    03.04.06
    Beiträge:
    245
    Hallo zusammen,

    der IE7 macht mal wieder Probleme :mad:

    Folgende Situation:
    Ich habe ein DIV mit einer bestimmten Rahmenfarbe. Das ganze bildet dann eine Box. Oben soll die Überschrift dieser Box angezeigt werden.

    Das ganze soll dann so aussehen:
    Bild 3.png

    Das tuts auch im Firefox und im Safari (sowohl Win als auch OS X) nicht jedoch im IE7. Der macht folgendes draus:
    Bild 2.png

    Ich habe die CSS-Styles wie folgt definiert:

    Box mit Rahmen:
    .box_blau {
    border-color:#ADD5E9;
    border-style:solid;
    border-width:1px 1px 1px;
    font-size:12px;
    margin:0pt 0pt 20px;
    padding:11px 11px 15px;
    }

    Position der Überschrift:
    .box_blau_headline {
    margin-top: -23px;
    margin-bottom: 10px;
    }

    Weißer Hintergrund und Format der Überschrift:
    box_blau_headline_format {
    background:#FFFFFF;
    color:#1D6DB7;
    font-family:"Trebuchet MS",verdana,arial,helvetica,sans-serif;
    font-size:18px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    margin:0pt;
    padding:2px 7px 0pt;
    }


    Im Quellcode wird das wie folgt eingebaut:
    <div class="box_blau">
    <div class="box_blau_headline"><box_blau_headline_format>Überschrift</box_blau_headline_format></div>
    Text Hauptbereich
    </div>


    Der IE 7 kennt einerseits die Formatierung der Überschrift nicht. Und er zeigt oben zwei Rahmenlinien an.

    Hat vielleicht jemand eine Idee wie man das lösen könnte? Kennt jemand einen entsprechenden CSS Code?

    Merci

    Manuel
     
  2. Kenso

    Kenso Pomme au Mors

    Dabei seit:
    05.12.07
    Beiträge:
    869
    Meines Wissen nach ist das Browserverhalten bei negativen Werten für Margin nicht eindeutig definiert.
     
  3. Dadelu

    Dadelu Reinette Coulon

    Dabei seit:
    06.07.05
    Beiträge:
    939
    Hmm hast du am Anfang alles Margin & padding Attribute auf Reset gesetzt? Sprich, die Default Werte der Browser überschrieben?

    -> * {padding:0;margin:0}
     
  4. Caesar

    Caesar Weigelts Zinszahler (Rotfranch)

    Dabei seit:
    03.04.06
    Beiträge:
    245
    Ja, das habe ich gemacht ;)
     
  5. Caesar

    Caesar Weigelts Zinszahler (Rotfranch)

    Dabei seit:
    03.04.06
    Beiträge:
    245
    Kenso gefällt das.

Diese Seite empfehlen