Probleme mit darstellung in ie7+8

[vodn7v]

hallo,
ich versuche ganz normale eingabefelder darzustellen. bekomme es aber nicht hin diese symmetrisch ausszurichten.

so sollte es aussehen(FireFox,ie6) :

so sieht es aus(ie7+ie8 ) :

code:

<form name="registration" action = "AddUser" method="get" onSubmit="return validateStandard(this);">
<p id="attribute">
<br/>
Firma:<br/>
Anrede:<br/>
Name:<br/><br/>
Vorname:<br/>
Strasse:<br/>
Plz:<br/>
Ort:<br/><br/>
Land:<br/>
Telefon:<br/>
Fax:<br/><br/>
Email:<br/>
Passwort:<br/>
</p> 
<p id="value">
<br/>
<input type="text" name="Firma"/><br/>
<select name="anrede">
<option value="Herr">Herr</option>
<option value="Frau">Frau</option>
</select><br/>
<input type="text" name="Name" required="1"/><br/><br/>
<input type="text" name="Vorname" required="1"/><br/>
<input type="text" name="Strasse" required="1"/><br/>
<input type="text" name="Plz" required="1" minvalue = 11111 maxvalue = 99999/><br/>
<input type="text" name="Ort" required="1"/><br/><br/>
<select name="land">
<option value="Deutschland">Deutschland</option>
</select><br/>
<input type="text" name="Telefon"/><br/>
<input type="text" name="Fax"/><br/><br/>
<input type="text" name="Email" required="1" regexp = "JSVAL_RX_EMAIL"/><br/>
<input type="password" name="Passwd" required="1"/><br/>
<button class="leftbutton" name="form_submit" type="submit" value="Registrieren">
<img src="includes/gfx/registrieren.gif" alt="Registrieren"/>
</button>
</p>
<p class="clearer"/>
</form>

Mod-Edit: Code-Tags hinzugefügt. Bitte beim nächsten Mal selbst nutzen! (Maxi)

 

[Maxi]

Seit wann gibts denn den IE 8, hab ich da was verpasst? *amkopfkratzt*

Wenn du sowas machen möchtest kannst du die Inhalte einfach in ne Tabelle reintun, dann stehn die Sachen immer schön nebeneinander.

 

[Commodore]

Seit wann gibts denn den IE 8, hab ich da was verpasst? *amkopfkratzt*

Wenn du sowas machen möchtest kannst du die Inhalte einfach in ne Tabelle reintun, dann stehn die Sachen immer schön nebeneinander.

Alternativ einen IE7-Hack einbauen, bei dem die Select-Felder um eine bestimmte Anzahl an Pixeln verschoben werden (margin) -> SELFHTML: Stylesheets / CSS-basierte Layouts / Fixe Bereiche

 

[vodn7v]

muss ich sonst noch irgednwas beachten ?

ich habe diesen teil:

<!--[if lt IE 7]><style type="text/css">  @media screen {    html, body {      height: 100%; overflow-y: hidden;    }    #Scrollbereich {      height: 100%; width: 100%; overflow: auto;    }    #Inhalt {      position: static;    }  }</style><![endif]-->

einfach in den head bereich kopiert.
leider passiert gar nichts.


danke euch.

 

[nichtsgeht]

Gemeint war es bestimmt so:

[I][I][COLOR=#000080]<!--[if gt IE 6]>[/COLOR][COLOR=#800080]<style type=[COLOR=#0000ff]"text/css"[/COLOR]>[/COLOR]  select { margin-left: 8px; }[COLOR=#800080]</style>[/COLOR][COLOR=#000080]<![endif]-->
[/COLOR][/I][/I]

Ich bin mir aber nicht sicher, ob dies zulässig ist. Ich benutze für Formulare immer Tabellen zum ausrichten.
Mit den 8px muss du dann mal spielen, bis es passt.

Edit. Auch ich amkopfkratz, kenne den IE8 auch noch nicht

 

[threadi]

Ich ordne es meist so an:

<form ...>
<fieldset>
<legend>Formularüberschrift</legend>
<div><label for="feld1">Formularfeldbeschriftung</label><input type="text" ... /></div>
</fieldset>
</form>

So lässt sich label und input per CSS floaten oder auch untereinander darstellen, wie man gerade will. Andere gruppieren die Felder auch mit dd und dt.