Ankündigung

Einklappen
Keine Ankündigung bisher.

padding mit Mozilla

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • pcschröda
    hat ein Thema erstellt padding mit Mozilla.

    padding mit Mozilla

    Hallo,

    Wenn ich eine div-Box mit width und height in Pixeln ("px") definiere und anschliessend noch ein "padding" von 10px anfuege, wird bei Mozilla die Box um diese 10 bzw. 20 Pixel verbreitert, bei IE nicht. Wie kann man das Problem umgehen bzw. loesen?

    Danke fuer die Tipps,


    mfg

    Michael

  • pcschröda
    antwortet
    Ich hatte die Doctype Declaration vergessen, da die Seite noch in Entwicklung ist - der IE hat so den "Quirks"-Mode oder wie das heisst simuliert und daher das padding quasi ignoriert.

    Mit der "loose"-Doctype verhalten sich nun beide Browser weitestgehend gleich.


    mfg

    Michael

    Einen Kommentar schreiben:


  • b.punkt
    antwortet
    Re: padding mit Mozilla

    Zitat von pcschröda
    Hallo,

    Wenn ich eine div-Box mit width und height in Pixeln ("px") definiere und anschliessend noch ein "padding" von 10px anfuege, wird bei Mozilla die Box um diese 10 bzw. 20 Pixel verbreitert, bei IE nicht. Wie kann man das Problem umgehen bzw. loesen?

    Danke fuer die Tipps,


    mfg

    Michael
    Nur um eins klarzustellen, der IE ist das Problem, Mozilla macht es richtig.
    http://de.selfhtml.org/css/formate/b...#box_model_bug

    Einen Kommentar schreiben:


  • Zergling-new
    antwortet
    Grade ausprobiert: Stimmt.

    Probiers mal hiermit, was anderes fällt mir leider nicht ein
    Code:
    <style type="text/css">
    html>body div.box {
      width: 80px; /* Breite - 2*padding */
      padding: 10px;
    }
    </style>
    <!--[if gte IE 5]>
    <style type="text/css">
    html body div.box {
      width: 100px;
      padding: 10px;
    }
    </style>
    <![endif]-->
    Gruß, c

    Einen Kommentar schreiben:

Lädt...
X