Ragnaroek
Account gelöscht Threadersteller
Ort: -
|
Verfasst Di 25.07.2006 16:37
Titel CSS-Prob mit emailformular... |
|
|
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ö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 16:53, insgesamt 2-mal bearbeitet
|
|