Snoopey: Eingabefeld automatisch float?

Beitrag lesen

SELF-Forum

Eingabefeld automatisch float?

Snoopey
– Informationen zu den Bewertungsregeln

Hi,

ich wollte mal eben was kleines zusammenstricken, und da wurde ich von etwas überrascht, wo ich den Fehler irgendwie nicht finde.
Und zwar erscheint in dem Beispiel mein Button über dem Eingabefeld, anstatt daneben. Das ist sowohl im FF als auch im IE der Fall.

Hier mal der code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
 <head>  
  <title> New Document </title>  
  
  <style type="text/css">  
 html, body {  
  margin: 0;  
  padding: 0;  
  background-color: #fff;  
 }  
  
 #header {  
  background: url('header.png') repeat-x;  
  height: 30px;  
  line-height: 30px;  
 }  
  
 input {  
  position: absolute;  
  top: 4px;  
  height: 20px;  
 }  
  
 #frame {  
  width: 100%;  
  height: auto;  
  border: 0;  
 }  
  </style>  
  
 </head>  
  
 <body>  
  
 <div id="header">  
 <form action="index.html">Bla: <input type="text" name="url" id="url" /> <input type="submit" value="aufrufen" name="loadButton" id="loadButton" /></form>  
 </div>  
 <iframe id="frame"></iframe>  
  
 </body>  
</html>

PS: Ja, das CSS wird noch ausgelagert und überarbeitet. Wie gesagt wollte ich mal schnell was zusammenstricken.

Wie bekomme ich es hin, dass der Button direkt rechts neben dem Eingabefeld steht?

Gruss
Snoopey

Beitrag melden
–
Informationen zu den Bewertungsregeln