Ankündigung

Einklappen
Keine Ankündigung bisher.

IE Fieldset Probleme

Einklappen

Neue Werbung 2019

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

  • IE Fieldset Probleme

    Hi,

    ich habe mir ein Menü gebaut das vom COde her so aussieht:

    Code:
          
    <fieldset style="margin:5px">
            <legend>Allgemeine Einstellungen</legend>
              <ul style="list-style-type:circle;">[*]Seite[*]Anmeldung[*]Login[*]AGB[*]Impressum[*]Version[/list]
          </fieldset>
    Der passende CSS Code:

    Code:
    * {
      margin: 0;
    }
    
    legend {
      font-style:italic;
      font-weight:bold;
      font-size:10px;
      color:#5a89ff;
    }
    
    fieldset {
      border:1px solid #5a89ff;
    }
    Doch jetzt habe ich zwei unterschiedliche Darstellungsarten im IE und FF.
    Hier der FF:

    http://img294.imageshack.us/img294/8931/72484626xx5.jpg

    Und hier der IE

    http://img294.imageshack.us/img294/503/48585084ss8.jpg

    Ich kann mir nicht erklären warum, vielleicht könnt ihr mir ja helfen.
    Danke.

  • #2
    Der IE scheint Problem mit margin: 0 zu haben. Nimm das entweder raus (0 ist Default-Wert) oder setze es auf einen andern Wert. Dann sollte es gehen.

    Kommentar


    • #3
      0 ist nicht unbedingt default-Wert.
      Was beim Firefox eingrückt ist (per margin-left) ist die Liste <ul>. Beim IE wurde das zurückgesetzt.
      Außerdem: welchen DOCTYPE benutzt du?

      Kommentar


      • #4
        Mein Senf.
        IE und FF verwenden verschiedene Ansätze (und Kombinationen von margin und padding) um Listen und Listenelemente zu formatieren.

        Empfehlung: benutze generell einen CSS Reset (ich verwende eine Variante dieses: http://meyerweb.com/eric/thoughts/20...eset-reloaded/) und bau dann Stück für Stück Dein Layout auf.

        Kommentar


        • #5
          Ich halte es eher wie Jens Meiert und benutze folgendes Reset:
          Code:
          * {
              margin:0;
              padding:0;
          }
          Das reicht in den meisten Fällen vollkommen aus.

          Kommentar


          • #6
            Interessanter Ansatz, – {nein, jetzt kommt kein ABER}

            Kommentar

            Lädt...
            X