nicht angemeldet
Tach,
das zweite <li> wird zwar um ebenfalls eine Zeile nach unten verschoben, aber der border-bottom wird durch das erste <li> einfach überlappt!!!
ja, du nimmst das Label aus dem Elementfluß und dementsprechend wird das li nicht vergrößert, fügst du allerdings ein im Elementfluß befindliches Element mit clear:left ein, klappt alles. Als Workaround sieht das dann so aus:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Test</title>
<body>
<ul>
<li style="border-bottom:1px solid #000">
<label for="test" style="float:left;display:block;width:140px;">Eingabe:und ein Zeilenumbruch...........</label>
<input type="text" name="input" id="test">
<div style="clear:both;" />
</li>
</ul>
</body>
</html>
mfg
Woodfighter
P.S. Vollständige Testfälle machen dem Helfer übrigens das Leben leichter und erzeugen so auch mehr Antworten.
P.P.S. "Multiple exclamation marks," he went on, shaking his head, "are a sure
sign of a diseased mind." - Terry Pratchet
Struppi