Willkommen in der Webstatt Zum Webstatt Blog und Stories
fish fish am 29.05.07 23:03

edit
hat sich erledigt, der spass kann gelöscht werden oder so


hallo webstatt crew!
ich habe ein problem mit css und formularen, firefox und internetexplorer wollen nicht wie ich das will, allein opera macht es richtig. und ich weiss nicht warum, könnt ihr mir helfen?

[img]http://www.fish.bierquartier.de/muell/formular_ff.jpg[/img] [img]http://www.fish.bierquartier.de/muell/formular_op.jpg[/img]

erst fierefox dann opera

wer sich das schlamassel live anschaun wil klickt hier [this site requires mozilla firefox or internet explorer] ;-P

weiss jemand wie ich die formilare mit den labels in eine reihe bekomme ohne dass sie so verrutschen?

also der code:
html:
<form action="#" method="post">
<fieldset id="kontakt">
<p class="formular">
<label for="betreff">Es geht um folgendes</label>
<select id="betreff" name="betreff">
<option selected="selected">Bitte w&auml;hlen Sie:</option>
<option value="website-texte-optimierung">Website Texte Optimierung</option>
<option value="web-controlling">Web Controlling</option>
<option value="search-marketing">Search Marketing</option>
<option value="suchmaschinenfreundliches-cms">Suchmaschinenfrendliches CMS</option>
</select>
</p>
<p class="anrede">
<label for="herr">Herr</label>
<input type="radio" id="herr" value="Herr" />
<label for="frau">Frau</label>
<input type="radio" id="frau" value="Herr" />
</p>
<p class="formular">
<label for="vorname">Vorname</label>
<input type="text" id="vorname" name="vorname" />
</p>
<p class="formular">
<label for="name">Name</label>
<input type="text" id="name" name="name" />
</p>
<p class="formular">
<label for="firma">Firma</label>
<input type="text" id="firma" name="firma" />
</p>
<p class="formular">
<label for="email">Email</label>
<input type="text" id="email" name="email" />
</p>
<p class="formular">
<label for="telefon">Telefon</label>
<input type="text" id="telefon" name="telefon" />
</p>
<p class="formular">
<label for="anschrift">Anschrift</label>
<input type="text" id="anschrift" name="anschrift" />
</p>
<p class="formular">
<label for="gefunden">Wie haben sie uns gefunden?</label>
<input type="text" id="gefunden" name="gefunden" />
</p>
<input type="submit" value="Absenden" class="submit" />
</fieldset>
</form>


und css:
#text form {

}
#text p.formular {
clear: both;
width: 380px;
height: 19px;
border: 1px red solid;
text-align: left;
}

#text p.anrede {
padding: 3px 0 3px 220px;
width: 180px;
}

#text p.anrede input,
#text p.anrede label {
float: none;
}

#text p.formular input,
#text p.formular select {
border: 1px #585858 solid;
width: 160px;
height: 16px;
font-size: 11px;
color: #447BB9;
float: right;
margin: 0;
padding: 0;
}

#text p.formular label {
border: 1px green solid;
}

#text input.submit {
clear: both;
padding: 4px;
color: #447BB9;
font-weight: bold;
margin: 0 0 0 220px;
}

netcup.de Warum gibt es hier Werbung?
Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt