mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 09.12.2016 03:01 Benutzername: Passwort: Auto-Login

Thema: CSS-Prob mit emailformular... vom 25.07.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS-Prob mit emailformular...
Autor Nachricht
Ragnaroek
Account gelöscht Threadersteller


Ort: -

Verfasst Di 25.07.2006 15:37
Titel

CSS-Prob mit emailformular...

Antworten mit Zitat Zum Seitenanfang

Tag auch...

hab ein kleines Problem:

> h i e r <

wenn ihr diese Seite im IE anschaut sind die Buttons unten Bündig mit den Eingabefeldern. IM FF sind die Buttons zuerst klein, und wenn man drüber fährt werden sie größer (das liegt am position: relative), zudem sind sie nicht Bündig mit den Eingabefeldern.

Ich sitze jetzt schon einige Zeit hier und versuche das irgendwie in den Griff zu bekommen...no chance...aber das muss doch irgendwie machbar sein...oder???

hier mal der Coder der Seite:

Code:
body>

<?php
   echo '<div id="wrapper">';
   echo '<h1>Kontakt</h1>';
   
   include ('inc/nav.php');
      
   echo '<hr />';
?>
   
   <div id="content-vita">
   
      <div class="lang">
      
         <form action="mail.php" method="post">
         
            <fieldset>
            <legend>Bitte tragen Sie hier Ihre Nachricht ein<br /></legend>
            <label for="name">Name:</label>
            <input name="name" id="name" type="text" /><br />                
            <label for="vorname">Vorname:</label>
            <input name="vorname" id="vorname" type="text" /><br />
            <label for="email">E-Mail: </label>
            <input name="betreff" id="betreff" type="text" /><br />
            <label for="email">Betreff: </label>
            <input name="email" id="email" type="text" /><br />
            <label for="vorname">Ihre Nachricht:</label>
            <textarea name="nachricht" id="nachricht" rows="10" cols="80"></textarea><br />
            <input name="absenden" type="submit" class="submit" value="Absenden" />
            <input type="reset" name="Reset" class="reset" value="L&ouml;schen" />
            <br />
            </fieldset>
         </form>
         
      </div>
   
   </div>
   
   <hr />
   
</div>

<div id="footer"></div>

</body>


und die dafür zuständigen css-Teile

Code:
.submit,.reset
   {
   position: relative;
   left: 85px;
   background-color: #BEBBB2;
   width: 10em;
   border: 1px #222;
   color: #222;
   font-family: verdana, arial, helvetica, sans-serif;
   }
   
form
   {
   padding: 10px;
   width: 450px;
   line-height: 120%;
   }

input
   {
   display: block;
   width: 325px;
   float: left;
   border: 1px #222;
   background-color:#BEBBB2;
   margin: 5px;
   padding: 2px;
   line-height: 120%;
   }

input:focus, input:hover, textarea:focus, textarea:hover
   {
   background-color:#F1F0ED;
   }

textarea
   {
   display: block;
   width: 325px;
   float: left;
   border: 1px #222;
   background-color:#BEBBB2;
   margin: 5px;
   padding: 2px;
   line-height: 120%;
   }

#nummer
   {
   width: 3em;
   }
   
#plz
   {
   width: 3em;
   }

br
   {
   clear:left;
   }

label
   {
   width: 7em;
   margin: 5px;
   padding: 5px;
   float: left;
   text-align: right;
   }


hat jemand irgendwie eine Ahnung was ich da machen kann? Das sollte shcon vernünftig aussehen...


Zuletzt bearbeitet von am Di 25.07.2006 15:53, insgesamt 2-mal bearbeitet
 
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 25.07.2006 15:48
Titel

Antworten mit Zitat Zum Seitenanfang

Bei mir tut sich da gar nichts. Außer dass im FF keine Border um die Form Elemente dargestellt werden schaut alles absolut gleich aus.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Ragnaroek
Account gelöscht Threadersteller


Ort: -

Verfasst Di 25.07.2006 15:53
Titel

Antworten mit Zitat Zum Seitenanfang

da tut sich nichts weil das ganze normalerweise per Session geschützt ist und ich das rausgenommen habe...*zwinker*

Die Buttons unten sollten aber bündig mit den anderen Eingabefeldern sein...

hab das "position: relaitive" wieder reingemacht...da sind die dann auch wieder kleiner...

Ragna...
 
 
Ähnliche Themen css positionierungs prob
css-prob mit border-bottom im ie 6
css prob im IE - im Opera und Fox funzt es
css menü prob reihenfolge <a> & <li>
<Php include + Script ?> - ist das möglich?; Css Code Prob.
Emailformular mit Bildanhang
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.