Ausrichtung von Text und Grafik mit CSS

**Kossy** · 14-12-2012, 07:42

Hallo !

Ich habe eine Art Formular, über den eine Art Login gesteuert wird. Werden dort ein falscher Name und / oder Kennwort eingegeben, so soll über den Eingabeformular ein Hinweistext für den User erscheinen, dass seine Eingaben nicht korrekt gewesen sind.

Mein Eingabeformular ist exakt mittig auf der HTML seite positioniert und der Hinweistext soll darüber erscheinen. Das klappt auch funktional soweit ganz gut, aber allerdings wird wenn der Hinweistext erscheint, dass gesamte Formular nach unten gedrückt und das möchte ich verhindern. Das Eingabeform soll exakt mittig bleiben und der Hinweistext soll einfach nur darüber erscheinen. Ich tippe mal daruaf, dass mein CSS nicht ok ist, weshalb das nicht funktioniert. Hier der Code:

Code:

<html>
<head></head>
<title>Test</title>
<body>

    <div id="in">				
         <p style="color:#CC0000; padding-top:20px; font-size:10px;"> Fehler !!</p>
    </div>

    <div id="header">

        //hier steht das Eingabeformular

    </div>
</body>
</html>

Code:

#in {
	display: table-cell;
	vertical-align: middle;
        position: absolute;
        width: 345px;
        height: 190px;
        left: 50%;
        top: 50%;
        margin-left: -171px;
        margin-top: -95px;
	}

#header {
               display: block;
               color: #333;
               height: 30px;
               float: left;
  }

Was mache ich hier falsch?

Danke für die Unterstützung !

Gruß
Kossy