Login über Portalseite

[himitsu]

sei froh mit deiner Breite ...schau mal wie's bei mir aussieht

[RWarnecke]

@Matze:
Sei beruhigt ich bin ganz Deiner Meinung.

[Die Muhkuh]

Zitat von himitsu:

sei froh mit deiner Breite ...schau mal wie's bei mir aussieht

WIN

[himitsu]

@Kälbchen: noar, hatte keine Lust mich erst im FF auszuloggen

Jetzt nochmal im FF geguckt und da sieht es OK aus
Auch wenn ich mich 4 Mal ausloggen mußte, bevor ich wirklich draußen war

[Daniel]

hm...
Das Formular passt(e) sich in seiner Breite der rechten Spalte an.


Wenn Ihr Eure Browser-Fenster nicht so protzig groß ziehen würdet, wäre das alles kein Problem.

In diesem Moment habe ich das Formular mit einer fixen Breite versehen, das bringt aber auch keinen echten Vorteil. Ich werde nun etwas essen und mir dabei überlegen, wie ich (a) die Weltherrschaft erlangen und (b) das Login-Formular dabei gewinnbringend einsetzen kann.


//edit: Ich bin für alle Vorschläge offen ... für den Moment habe ich das Formular ausgeblendet.

[RWarnecke]

Hallo Daniel,

wenn Du die Prozentangaben für Width rausnimmst und für den rechten und linken Bereich feste Werte in Pixel angibts, dann solltest Du das Problem behoben haben für die unterschiedlichen Browser.

[Balu der Bär]

Zitat von himitsu:

Auch wenn ich mich 4 Mal ausloggen mußte, bevor ich wirklich draußen war

Befrag am besten mal deine SchwarzeMagierin was da los ist.

[alleinherrscher]

Zitat von Daniel:

(a) die Weltherrschaft erlangen

Coole Idee, gibst du mir irgendeinen Ministerposten, wo ich viel Geld verdiene und wenig arbeiten muss?
//edit: Momentchen mal Ich bin doch der Alleinherrscher...! Also bekommt Daniel einen Ministerposten!

Zitat von Daniel:

//edit: Ich bin für alle Vorschläge offen ... für den Moment habe ich das Formular ausgeblendet.

Ich würde es so machen, dass sich die Boxgröße wieder entsprechend der rechten Spaltenbreite anpasst. Damit es bei Usern wie himitsu anständig aussieht, würde ich empfehlen (mal in Delphisprache gesprochen) die Editfelder jeweils unter die Labels zu setzen.

Also:

Benutzername:
_________________

Passwort:
_________________


Viele Grüße

[Matze]

Zitat von Daniel:

//edit: Ich bin für alle Vorschläge offen ... für den Moment habe ich das Formular ausgeblendet.

Du ganz ehrlich, mich stört's nicht so, da ich automatisch angemeldet werde. Also meinetwegen musst du das nicht ausblenden (falls es auf meine Aussage bezogen war).
Gut, was himi da seltsames dargestellt bekommt, ist natürlich nicht so toll. Vielleicht wäre es wirklich einen Versuch wert, das untereinander zu platzieren.

[s.h.a.r.k]

Zitat von Balu der Bär:

Zitat von himitsu:

Auch wenn ich mich 4 Mal ausloggen mußte, bevor ich wirklich draußen war

Befrag am besten mal deine SchwarzeMagierin was da los ist.

@Balu: Ich hab mich gerade weggeworfen, als ich das gelesen habe *rofl*

Im.... Ich bin schon dafür, dass es ein ordentliches Design gibt.

@Daniel: Entscheide dich einfach für eine der beiden folgenden Möglichkeiten Du hast ja eine gewisse Mindestbreite definiert (schaut mal nach der CSS-Eigenschaft von dem Element mit der ID udm-u42). Somit sieht man das Edit immer recht gut, siehe Anhang. Diese Mindestbreite würde jedenfalls auch für den Body-Tag auch noch übernehmen, sicher ist sicher

Die Breite blub im ersten Vorschlag musst du noch entsprechend ans Layout anpassen.

Code:

// die "böse" Lösung mit Tabellen ;)
<table width="100%">
    <tr>
        <td widh="blub">Benutzername:</td>
        <td><input type="text" style="width: 100%" ... /></td>
    </tr>
    <tr>
         <td widh="blub">Passwort:</td>
         <td><input type="password" style="width: 100%" ... /></td>
    </tr>
    <tr>
        <td widh="blub"></td>
        <td><input type="submit" style="100px" ... /></td>
    </tr>
</table>

Alternativ kannst auch den folgenden Code übernehmen. Diesen verwende ich für zweispaltige Layouts auf meiner Website (auch für Formulare) und funktioniert eigenlich in allen getesteten Browsern (einen Konquerer habe ich leider nicht...):

Code:

<div>
    <div class="form-left">Benutzername:</div>
    <div class="form-right"><input type="text" style="width: 100%" ... /></div>
    <div class="form-clear"></div>

    <div class="form-left">Passwort:</div>
    <div class="form-right"><input type="password" style="width: 100%" ... /></div>
    <div class="form-clear"></div>

    <div class="form-left"></div>
    <div class="form-right"><input type="submit" style="100px" ... /></div>
    <div class="form-clear"></div>
</div>

// mit diesem CSS-Code
div.form-left {
    float               : left;
    text-align          : right;
    width               : 95px;
    margin-right        : 10px;
    margin-top          : 3px;
}
div.form-left label {
    cursor              : pointer;
    display             : block;
    text-align          : right;
}
div.form-right {
    padding             : 0.25em 0;
    float               : left;
}
div.form-clear {
    clear               : both;
}

Den Label-Code kannst vielleicht gebrauchen, wenn Labels einbauen magst.