✔ li Listen Problem IE reagiert nicht FF reagiert

[AdamRiese$]

Hallo nachdem ich sämtliche Foren durch sucht hatte und es immer noch nicht klappt wende ich mich an euch .

Will einen Listenabstand der Zeilen erreichen. Mit firefox(FF) klappt es:

<div id="boxOB2">
  <ul>
    <li>1.Zeile <input id="input1"  name="1.Zeile" type="text" >*</li>
    <li>2.Zeile<input id="input2"  name="2.Zeile" type="text" >* </li>
  </ul>
</div>

Ohne Input funktioniert in beiden.
hier css Code

ul {
  margin: 0.7em 0em 0em 1em;
  list-style-type:     none;
  padding:          0px 0px 0px 0px;
}

li {line-height: 30px;}

#input1 {
  width:                300px;
  margin: 0px 0px 0.0px 100px; /*AussenAbstand*/
  padding: 0px 0px 0px    0px;   /*InnenAbstand*/
  font-family: Times New Roman,arial,sans-serif;
  border:   1px solid #001788;
  font-size:              1em;
  color:              #001788;
}
#input2 {
  width:                300px;
  margin: 0px 0px 0.0px 268px; /*AussenAbstand*/
  padding:  0px 0px 0px   0px;   /*InnenAbstand*/
  font-family: Times New Roman,arial,sans-serif;
  border:   1px solid #001788;
  font-size:              1em;
  color:              #001788;
}

Also das Problem ist wenn ich den input nicht in die <li> setze dann erhalte ich nie die selbe höhe der Zeilen.

Hoffe ihr könnt mir helfen ...

 

[Maik]

Hi,

das input-Element muß in diesem Markup "Block-Level-Charakteristika" erhalten.

mfg Maik

 

[kalle123456]

Hallo,

füge das hier in deinen css ein und nehme die <ul> und <li> tags weg und ersetze sie mit <p>.

* {
margin:0;
padding:0;
}

Gruss

 

[AdamRiese$]

Hi Maik und Kalle,
Was mach ich den falsch bei mir ensteht kein Abstand im IE?

@Kalle :Ich will ja schon eine Liste haben und kein <p>

 

[Maik]

Hi Maik und Kalle,
Was mach ich den Falsch bei mir ensteht kein Abstand im IE?

Siehe meinen Tipp.

mfg Maik

 

[kalle123456]

@Kalle :Ich will ja schon eine Liste haben und kein <p>

Maik meint das, ansonsten sorry hatte es wohl falsch verstanden.

#input1{display:block;}

 

[Maik]

Mein Vorschlag sieht so aus:

<div id="boxOB2">
  <ul>
    <li>1.Zeile</li><li><input id="input1"  name="1.Zeile" type="text"></li><li>*</li>
  </ul>
  <ul>
    <li>2.Zeile</li><li><input id="input2"  name="2.Zeile" type="text"></li><li>*</li>
  </ul>
</div>

ul {
  margin: 0.7em 0em 0em 1em;
  list-style-type:     none;
  padding:          0px 0px 0px 0px;
  clear:left;
}

li {line-height: 30px; float:left;}

li input {display:block;}

#input1 {
  width:                300px;
  margin: 0px 0px 0.0px 100px; /*AussenAbstand*/
  padding: 0px 0px 0px    0px;   /*InnenAbstand*/
  font-family: Times New Roman,arial,sans-serif;
  border:   1px solid #001788;
  font-size:              1em;
  color:              #001788;
}
#input2 {
  width:                300px;
  margin: 0px 0px 0.0px 268px; /*AussenAbstand*/
  padding:  0px 0px 0px   0px;   /*InnenAbstand*/
  font-family: Times New Roman,arial,sans-serif;
  border:   1px solid #001788;
  font-size:              1em;
  color:              #001788;
}

mfg Maik

 

[Maik]

Nachtrag:

ul {
  margin: 0 0em 0em 1em;
  list-style-type:     none;
  padding:          0px 0px 0px 0px;
  clear:left;
}

mfg Maik

 

[AdamRiese$]

Danke Superheld!

also wie ich es haben wollte respekt!