eingeschränktes clear?
calconeon
- css
Hi,
ich habe eingroßes Problem, dafür folgenden vereinfachten Code:
<html>
<head>
<style type="text/css">
<!--
form br {
clear: left;}
form label,input,select,textarea {
display: block;
width: 40%;
float: left;
margin-bottom: 1em; }
//-->
</style>
</head>
<body>
<div style="float:left;width:150px;">
abcdef<br />
ghijkl<br />
mnopqr<br />
stuvwxyz<br />
abcdef<br />
ghijkl<br />
mnopqr<br />
stuvwxyz<br />
abcdef<br />
ghijkl<br />
mnopqr<br />
stuvwxyz<br />
abcdef<br />
ghijkl<br />
mnopqr<br />
stuvwxyz<br />
</div>
<div style="margin-left:150px;">
<form method="post" action="admin.php?id=5&edit=034" name="nav">
<label for="name">Name:</label>
<input type="text" name="name" id="name" value="Kontakt" /><br />
<label for="header">Überschrift:</label>
<input type="text" name="header" id="header" value="" /><br />
<label for="id_sub">Zugeordnet zu:</label>
<select name="id_sub" id="id_sub">
<option value="001" selected>Home</option>
<option value="002">Aktuelles</option>
<option value="008">Schule</option>
<option value="021">Schulleben</option>
<option value="030">Sonstiges</option>
<option value="040">Ehemalige</option>
</select><br />
<label for="submit"></label>
<input type="submit" name="submit" id="submit" value="Beitrag edtieren" /><br />
</form>
</div>
</body>
</html>
So, logischerweise wird nach jedem <br> der Umfluss abgebrochen aber das hat den unschönen Nebeneffekt, dass das zweite Eingabefeld erst dann kommt, wenn der linke Inhalt vorbei ist. Ich kann aber auch nicht das clea einfach wegmachen, denn dann sähe das ganze Formular dumm aus.
Folge ich meinem Verstand, weiß ich: Dazu muss es eine Lösung geben, weil das kann doch kein so seltenes Problem sein. Andererseits hab ich noch keine Lösung gefunden und ich weiß auch immer noch nicht so richtig ach was ich hier suchen sollte.
Ich fänds es sehr sehr nett, wenn mir hier jemand helfen kann. Dankeschön!
MfG Ronny
Hi calconeon,
So, logischerweise wird nach jedem <br> der Umfluss abgebrochen aber das hat den unschönen Nebeneffekt, dass das zweite Eingabefeld erst dann kommt, wenn der linke Inhalt vorbei ist.
Warum tust du überhaupt die <br /> in das Formular rein? Lass die doch einfach weg - ein Zeilenumbruch ist eh schon da, weil du ja display:block gewählt hast...
MfG, Dennis.
Hi,
Warum tust du überhaupt die <br /> in das Formular rein? Lass die doch einfach weg - ein Zeilenumbruch ist eh schon da, weil du ja display:block gewählt hast...
Ne, dann schau dir das mal an im FF (ich hab nur die <br> rausgemacht):
http://www.sn.schule.de/~mcg/test2.html
MfG, Dennis.
MfG Ronny