M
Maik
Wie behebe ich unterhalb des Formulars die unerwünschte Lücke im Textfluss?
Die Ausgangssituation: In einem DIV-Block mit Hintergrundfarbe wird ein Formular eingebunden.
Markup:
Stylesheet:
Das Ergebnis in den Browsern:
(Firefox, Netscape, Opera, Safari, usw.)
(IE 6+7)
Lösung:
Den unteren Außenabstand des form-Elements auf null zurücksetzen:
oder das Block-Element mit display:inline auszeichnen:
mfg Maik
Die Ausgangssituation: In einem DIV-Block mit Hintergrundfarbe wird ein Formular eingebunden.
Markup:
Code:
<div id="wrapper">
<form action="">
<input type="text" size="10"><input type="submit" value="submit">
</form>
</div>
Stylesheet:
Code:
#wrapper {
width:600px;
margin:0 auto;
background:#efefef;
}
input {
margin:0 0 0 5px;
}
![form_modern-browser.jpg form_modern-browser.jpg](https://www.tutorials.de/data/attachments/30/30135-7d0b15b38ad433447716c68d92d3e213.jpg?hash=fQsVs4rUM0)
![form_ie.jpg form_ie.jpg](https://www.tutorials.de/data/attachments/30/30136-d7d8488cdf64417aa91db4ffd24c3ce3.jpg?hash=19hIjN9kQX)
Lösung:
Den unteren Außenabstand des form-Elements auf null zurücksetzen:
Code:
form {
margin-bottom:0;
}
Code:
form {
display:inline;
}
mfg Maik