[CSS] Was läuft falsch

[Ambience]

Hallo,

ich bin gerade dabei meine Formulare auf Div Container umzubasteln...

Allerdings haut das nicht so ganz hin. [Klick]

CSS:

Code: Alles auswählen

  body  { background-color: #eeeeee;
          text-align:center;
          font-family: Verdana;
          font-size: 12px;
          color: #555555;
        }
  
  input { background-color: #f4f4f4;
          border: 1px solid #bbbbbb;
        }
  
  .formbox  { border: 1px solid #bbbbbb; 
              background-color: #ffffff;
              width: 850px;
              font-weight: bold;
              margin-left: auto;
              margin-right: auto; 
            }
            
  .reihe  { clear:both;
            width: 350px;
            margin-left: auto;
            margin-right: auto; 
          } 
  .label {  float:left;  }             
  .feld { float:right;  }

html:

Code: Alles auswählen

    <div class="formbox">

<form action="...">
  <div class="reihe">
    <span class="label">Name:*</span>
    <span class="feld"><input type="text" size="40" /></span>
  </div>

  <div class="reihe">
    <span class="label">E-Mail:</span>
    <span class="feld"><input type="text" size="40" /></span>
  </div>
  
    <div class="reihe">
    <span class="label">Homepage:</span>
    <span class="feld"><input type="text" size="40" /></span>
  </div>
</form>

</div>

Danke

[Ambience]

*bumb*

[h32Lg]

Was möchtest du genau machen? Das ganze zentrieren ? Die weiße Box vergrößern ?

Ein "Allerdings haut das nicht so ganz hin" reicht leider nicht aus

Du musst schon beschreiben was du explizit vor hast.

greets h32Lg

[Ambience]

naja, zentriert ist ja schon...

Ich möchte gerne das die Formularfelder auch in der weißen Box drinne sind und nicht ausserhalb...

[h32Lg]

Was dir demnach fehlen wird, ist in der Klasse formbox die Angabe der Höhe (height)

probier mal den Wert wie folgt einzufügen:

.formbox {
border: 1px solid #bbbbbb;
background-color: #ffffff;
width: 850px;
height:150px;
font-weight: bold;
margin-left: auto;
margin-right: auto;
}

greets h32Lg

[k-5]

die höheninformation geht durch das "align" verloren,

du brauchst noch ein "clear:both;" vor dem </div> der .formbox