Opened by Froschpopo at 2006-10-31 08:50
User since
2003-08-15
2653 Artikel
BenutzerIn
![[default_avatar]](/battie/theme/default/default_avatar.gif)
2003-08-15
2653 Artikel
BenutzerIn
Hallo Forum!
Folgendes Problem(chen):
Ich erstelle ein Formular:
Das CSS sieht so aus:
Alle gängigen Browser stellen den Code einwandfrei dar.
Mit -moz-inline-box kann ich im Mozilla zwar keinen automatischen Zeilenumbruch erzwingen, aber den benötige ich in meinem Fall auch nicht.
Das Problem ist nun folgendes:
Wenn ich versuche innerhalb des <label>-Tags irgendwelche Formatierungen vorzunehmen, z.B. mittels <span>, dann stellt der Mozilla NUR den Inhalt innerhalb des <span>-Tags dar.
Ein kleines Beispiel:
<label for="username">Username:<span style="color:red">*</span></label>
löscht den kompletten Inhalt, AUSSER das rote Sternchen!
Das liegt definitiv an meinem -moz-inline-box-Hack.
Ich frage mich nur die ganze Nacht schon, worin hier ein Zusammenhang besteht. Der IE und andere Browser lassen eine label-formatierung innerhalb einer inline-box zu!! Warum Mozilla nicht?
Das problem ist für mich einfach logisch nicht nachvollziehbar.
Ohne <span>, <b>, usw. zeigt auch die Mozilla alles korrekt an.\n\n
<!--EDIT|Froschpopo|1162278013-->
Folgendes Problem(chen):
Ich erstelle ein Formular:
Code: (dl
)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<form action="/target.aspx" method="post">
<fieldset id="formular">
<legend>Anmeldung</legend>
<ol>
<li>
<label for="username">Username:</label>
<input type="text" id="username" name="username">
</li>
<li>
<label for="passwd">Passwort:</label>
<input type="password" id="passwd" name="password">
</li>
</ol>
</fieldset>
</form>
Das CSS sieht so aus:
Code: (dl
)
1
2
3
4
5
6
7
8
9
10
#formular ol li label {
display: inline;
display: -moz-inline-box; /* vermutlich die PROBLEMZEILE */
width: 140px;
}
#formular ol, #formular ol li {
margin: 0; padding: 0;
list-style: none;
}Alle gängigen Browser stellen den Code einwandfrei dar.
Mit -moz-inline-box kann ich im Mozilla zwar keinen automatischen Zeilenumbruch erzwingen, aber den benötige ich in meinem Fall auch nicht.
Das Problem ist nun folgendes:
Wenn ich versuche innerhalb des <label>-Tags irgendwelche Formatierungen vorzunehmen, z.B. mittels <span>, dann stellt der Mozilla NUR den Inhalt innerhalb des <span>-Tags dar.
Ein kleines Beispiel:
<label for="username">Username:<span style="color:red">*</span></label>
löscht den kompletten Inhalt, AUSSER das rote Sternchen!
Das liegt definitiv an meinem -moz-inline-box-Hack.
Ich frage mich nur die ganze Nacht schon, worin hier ein Zusammenhang besteht. Der IE und andere Browser lassen eine label-formatierung innerhalb einer inline-box zu!! Warum Mozilla nicht?
Das problem ist für mich einfach logisch nicht nachvollziehbar.
Ohne <span>, <b>, usw. zeigt auch die Mozilla alles korrekt an.\n\n
<!--EDIT|Froschpopo|1162278013-->