html forms width
Graag zou ik hier een background aan willen meegeven mbv CSS.
Maar als ik dit doe, lijkt het alsof het formulier net zo groot is als de container div waar deze form in voorkomt.
Waarom wordt de form niet aangepast aan de inhoud van de form?
Ik heb geprobeerd met min-width te werken, maar dit had geen effect.
Iemand enig idee hoe ik dit netjes kan oplossen?
bvd.
Gewijzigd op 11/01/2013 21:15:31 door Dennis WhoCares
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
<head>
<title>voorbeeld</title>
<style>
#form1 {
background-color: #CDCDCD;
}
#form2 {
background-color: #CDCDCD;
}
</style>
</head>
<body>
<form id='form1'>
form 1<input type='text'>
</form>
<br>
<form>
<fieldset id='form2'>
form2<input type='text'>
</fieldset>
</form>
</body>
</html>
<head>
<title>voorbeeld</title>
<style>
#form1 {
background-color: #CDCDCD;
}
#form2 {
background-color: #CDCDCD;
}
</style>
</head>
<body>
<form id='form1'>
form 1<input type='text'>
</form>
<br>
<form>
<fieldset id='form2'>
form2<input type='text'>
</fieldset>
</form>
</body>
</html>
De form of het fieldset rekt zich uit over het gehele scherm, of div waar het in zit.
Hoe kan ik dit tegen gaan, zonder dat ik bij elke form de width moet aanpassen aan de inhoud?
Toevoeging op 12/01/2013 09:13:28:
Ik heb het eindelijk al gevonden :D
als ik display: table doet, doen POOF is ie in een keer zo groot als de inhoud :)
Of width: 100%;