Einfaches Layout Problem

Status
Nicht offen für weitere Antworten.

QMartini

Grünschnabel
Hallo gemeinde,
ich habe mittels CSS ein kleines Formular positioniert. Auf dem IE sieht es auch
anständig aus.. allerdings spielen Firefox, Opera und Netscape nicht mit.

Ich gebe jetzt mal einfach die Addy an, und poste den CSS-Source:

http://home.arcor.de/schucker/

Code:
body { background-color: #c3bff9; }

input, textarea { color: #0f0b83;
                  font-size: 12px;
                  font-family: Arial, Helvetica, Verdana, sans-serif;
                  background-color: #c3bff9;
                  border: solid 1px #0f0b83;
                  width: 100px;
                }

form div { font-family: Arial, Helvetica, Verdana, sans-serif;
           font-size: 12px;
           color: #0f0b83;
           text-align:justify
         }

textarea { width: 320px;
           height: 105px;
         }

input#submit { position: absolute;
               top: 150px;
               width: 100px;
               cursor: pointer;
               font-weight: bold;
               font-size: 12px;
             }

input#submit:hover { cursor: pointer;
                     font-weight: bold;
                     font-size: 12px;
                   }

div#txt_name { position: absolute; top:50px;}
div#txt_email { position: absolute; top: 90px }
div#txt_msg { position: absolute; top:50px; left: 130px; }
input#fld_name { position: absolute; top: 65px; }
input#fld_email { position: absolute; top: 105px; }
div#fld_msg { position: absolute; left: 130; top: 65px; }


wäre schön, wenn mir jemand einen Tip geben könnte, wie ich das Problem lösen kann.
Vielen Dank schon jetzt fürs tüfteln :p
 
Status
Nicht offen für weitere Antworten.
Zurück