Ergebnis 1 bis 10 von 10
-
19-05-2010, 20:57 #1
Jungspund
- registriert
- 13-05-2010
- Beiträge
- 15
<div> in einer <form> passt sich nicht der Breite des Inhalts an
Hallo,
Folgende HTML:
HTML-Code:<!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="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Experimental</title> <style type="text/css"> div#wrapper { background-color:#CCC; width:80%; margin-left:auto; margin-right:auto; height:1000px; } div#first { outline:1px solid yellow; margin:25px 25px 0 25px; } form { padding:15px; } div.form_wrapper { border:1px solid black; padding:25px; } label { outline:1px dotted red; } input { outline:1px dotted red; } </style> </head> <body> <div id="wrapper"> <div id="first"> <form> <div class="form_wrapper"> <label>Hello</label> <input type="text"></input> </div> </form> </div> </div> </body> </html>
Warum ist das so? Was habe ich falsch gemacht?
bounded
EDIT: bitte entschuldigt die fehlerhafte Formatierung
-
19-05-2010, 23:22 #2
AW: <div> in einer <form> passt sich nicht der Breite des Inhalts an
Ein Div nimmt immer so viel Platz in der Breite an, wie zur Verfügung steht.
-
19-05-2010, 23:45 #3
Jungspund
- registriert
- 13-05-2010
- Beiträge
- 15
AW: <div> in einer <form> passt sich nicht der Breite des Inhalts an
-
20-05-2010, 00:46 #4
AW: <div> in einer <form> passt sich nicht der Breite des Inhalts an
Und warum muss das DIV genau diese Breite haben? Ich verstehe dein Problem nicht.
-
20-05-2010, 12:08 #5
Jungspund
- registriert
- 13-05-2010
- Beiträge
- 15
AW: <div> in einer <form> passt sich nicht der Breite des Inhalts an
Danke für die Antwort.
Ich möchte die border - Eigenschaft der .form_wrapper Klasse dazu nutzen, um einen visuellen Rahmen um eine bestimmte Eingabe zu erzeugen. Dieser Rahmen soll sich der Breite des Objekts anpassen. Außerdem möchte ich rechts von div.form_wrapper noch ein paar weitere Elemente anfügen, die sich aus Usability-Gründen in der Nähe der <input> Eingabezeile befinden müssen.
-
20-05-2010, 15:27 #6
AW: <div> in einer <form> passt sich nicht der Breite des Inhalts an
Dann leg' doch um deine Eingabe noch ein <span> un gib dem den Rahmen...
-
20-05-2010, 18:09 #7
Jungspund
- registriert
- 13-05-2010
- Beiträge
- 15
AW: <div> in einer <form> passt sich nicht der Breite des Inhalts an
Deine Anregung hat mir doch noch zum Ziel verholfen:
HTML-Code:<!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="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Experimental</title> <style type="text/css"> div#wrapper { background-color:#CCC; width:80%; margin-left:auto; margin-right:auto; height:1000px; } div#first { outline:1px solid yellow; margin:25px 25px 0 25px; } form { padding:15px; } span.form_wrapper { border:1px solid black; padding:25px; float:left; } div.div_wrap { outline:1px dotted black; width:100%; float:left; margin-bottom:10px; } label { outline:1px dotted red; } input { outline:1px dotted red; } </style> </head> <body> <div id="wrapper"> <div id="first"> <form> <div class="div_wrap"> <span class="form_wrapper"> <label>Hello</label> <input type="text"></input> </span> </div> <div class="div_wrap" style="margin-bottom:0px;"> <span class="form_wrapper"> <label>Hello</label> <input type="text"></input> </span> </div> <div style="clear:left;"></div> </form> </div> </div> </body> </html>
Bild: ohne float:left;
-
20-05-2010, 20:20 #8
AW: <div> in einer <form> passt sich nicht der Breite des Inhalts an
Die beiden floats und das width: 100% beim div sind unnötig: das span braucht nur ein display: inline-block;
-
20-05-2010, 21:53 #9
Jungspund
- registriert
- 13-05-2010
- Beiträge
- 15
-
20-05-2010, 22:13 #10
AW: <div> in einer <form> passt sich nicht der Breite des Inhalts an
Für welche alten, relevanten Browser nicht?
Ähnliche Themen
-
Veränderung des Inhalts eines Browserfensters über ein anderes
Von Klammi im Forum JavaScriptAntworten: 7Letzter Beitrag: 05-02-2003, 19:19 -
Breite des Films
Von Urmel im Forum FlashAntworten: 15Letzter Beitrag: 20-08-2002, 11:31 -
erste zahl des variablen inhalts in php auslesen
Von Steini1980 im Forum Serverseitige ProgrammierungAntworten: 3Letzter Beitrag: 09-03-2002, 18:14 -
Die 15 Regeln des Schlafzimmergolfs
Von promillo im Forum FunAntworten: 3Letzter Beitrag: 27-12-2001, 12:38 -
Laden des Inhalts einer txt-Datei in einen Flash Film
Von wagi im Forum FlashAntworten: 2Letzter Beitrag: 02-01-2001, 10:03
Lesezeichen