✔ <li> Unterschiede zwische IE und Mozilla, Warum?

[online]

Hallo,

ich hab ein Problem bezüglich dem Einrücken in Listen Tags.

Ich hab eine Liste, mit einem Listenbild, das über mehrere Zeilen geht.
Es soll aber die 2. Zeile erst nach dem Listenbild beginnen, und nicht direkt drunter.

Im Mozilla funktioniert das automatisch, aber im IE geht das nicht automatisch.
Kann man das via CSS oder sonst wie einstellen, dass das automatisch in jedem Browaser gehtz?

MFG

Online

 

[sam]

Um die Abstände browserübergreifend zu formatieren (und nicht so, wie der Browser das will), solltest du mit CSS margin und evtl. padding der List Items setzen.

Eine kleine Beispielseite mit deinem Problem wäre für uns trotzdem hilfreich, da ich nicht genau weiss, wie das gemeint ist

mfg
sam

 

[hela]

Hallo,
automatisch funktionieren in allen Browsern nur die Initialwerte und die sind bezüglich der Listengestaltung unterschiedlich. Wenn ich mich recht erinnere, dann wird beim IE die Listeneinrückung initial über die margin-Eigenschaft und beim Firefox über padding geregelt. Deshalb erstmal am besten diese Initialwerte löschen und dann eigene browserübergreifende Formatierungen vornehmen. Zum Beispiel:

  ul, li {
    margin: 0;
    padding: 0;
  }
  ul {margin-left: 25px;}

 

[online]

Danke, es lag wohl daran, dass ich den ul Tag vergessen hatte.

Trotzdem Danke!

Jetzt hab ich aber noch ein Problem.

Eine Tabelle mit 2 Spalten.

Die 1. Spalte hat eine Liste, die 2.Spalte einfach nur Text.

Bei IE ist das kein Thema, beide sind auf gleicher Ebene (gleich hoch), aber im Firefox verschiebt sich der Tect der 1. Spalte um einen Absatz nach unten.

Doch Warum?


MFG

Online

 

[Budman]

Hallo!

Ohne Code immer noch sehr schwer zu sagen. Im Moment tippe ich auf einen Fehler im Code

Gruss

 

[online]

also, der html code:

<tr>
      <td width="156" class="linkespalte"><ul><li>Zeit</li></ul></td>
            <td width="10" class="mittelspalte"></td>
             <td width="230" class="rechtespalte"><a href="#">
                 <strong>Name</strong></a><br />
      Untername<br />
     Unteruntername<br /><br />
      </td>
</tr>

Style:

.linkespalte {
	width:165px;
	vertical-align:top;
}
.mittelspalte {
	width:20px;
}
.rechtespalte {
	width:240px;
	vertical-align:top;
}   
ul a, a:active, a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #224279;
	letter-spacing: 0em;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	text-align: justify;
	line-height:20px;
}
.ul, li {
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

und das ist einfach verschoben im Firefox, nur ich krieg nicht raus, warum!

Kann mir jemand helfen?

MFG

Online

 

[hela]

Hallo online,

warum machst du für alle drei Tabellenspalten einmal im width-Attribut und zum anderen in den Styles unterschiedliche Angaben zur Spaltenbreite?
Willst du die Browser vollends verwirren?

 

[online]

Wie sollt ich denn das sonst machen?

edit: Jetzt kapier ich, aber das ändert auch nicht die Tatsache, dass das verschoben ist.

 

[hela]

.ul, li {
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

Ist das (rot markierte) eine CSS-Klasse oder ein Schreibfehler? Im geposteten HTML-Quelltext ist keine CSS-Klasse mit dem Namen "ul" zu sehen.

 

[online]

ahhhhhhh!
Ich bin sooooo dumm!

Danke, das war der Fehler.