• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Probleme mit Login und !Doctype

Status
Für weitere Antworten geschlossen.
S

suerte

Neues Mitglied
Hallo,

ich bin derzeit an der programmierung meiner seite und benutze eigentlich als vergleich nur den FireFox. Sprich ich programmier (html,php,css,java), und damit ich alles sehen kann, lade ich es auf den server hoch, da ich kein php auf meinem rechner laufen hab.
ich schau mir alles mitm FF an und sieht alles gut aus. Seite in der mitte zentriert und alle farben und hintergründe stimmen.
Schau ich es mir aber mit dem IE an ist die seite nicht mehr zentriert und die hintergründe/farben stimmen teilweise nicht mehr überein.

Ich hab gegooglet und habe herrausgefunden, das man das problem mit dem !Doctype lösen kann. Also oben rein gehauen und siehe da, der IE stellt alles Perfekt da.
Nur blöd das nun der FF probleme macht.
Also nicht das jetzt größere sachen falsch sind oder so,ne , lediglich der Login bereich der so aussieht
PHP: 
<div class="floatL p-r">
        <a>Username</a> </br>
        <input type="text" name="username"></input>
      </div>
      <div class="floatL p-r border-r">
        <a>Passwort</a></br>
        <input type="password" name="pass"></input></br>
        <a href="<?=$passwortvergessen_link?>">Passwort vergessen?</a>
      </div>
      <div class="floatL p-r ">
        </br>&nbsp;&nbsp;<input type="submit" value="Login"></input>&nbsp;
        <a href="<?=$registration_link?>"><input type="submit" value="Registrieren"></input></a>
      </div>


funktioniert mit folgendem Doctype im FF nicht mehr.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Denke man sieht schon wie es aussehen soll. p-l/r heißt padding links/rechts/top/bottom ---- floatL heißt float:left / right ... würd mich echt freuen wenn mir da jemand helfen könnte.
FF 3 stellt den login nämlich in einer reihe da und nicht wie gewollt
Username Passwort
---------- ---------- Login | Registrieren
passwort vergessen?
 
Du könntest Deine Seite bei The W3C Markup Validation Service validieren lassen und wirst feststellen, dass Du schlicht einige Fehler im Code hast, die Firefox (logischerweise) nicht so darstellen kann, wie Du das willst. Der IE ist da etwas toleranter, was dem Entwickler aber leider nicht hilft, weil man so seine Fehler nicht findet.

Für Validator-Probleme gibts dann ganz oben einen eigenen Thread!

Viel Erfolg,
-Efchen
 
hey vielen vielen dank für die schnelle und gute antwort.
hat mir direkt weiter geholfen

einfach </br> durch <br/> ersetzen
aber ich dachte das man ein break element laut norm so schließt </br>

ist das jetzt bei anderen "einzeiligen" elementen auch so?
 
Es gibt sogenannte "inhaltsleere" Elemente, die schließt man so, wie <br />, dazu gehört auch <input ... />, oder <meta ... />, <link ... />, <img ... />, <hr /> usw, nicht aber <script></script>. Inhaltsleer heißt, wenn einem Tag eben niemals Inhalt gegeben wird, also es nichts gibt, was man in ein Start- und Ende-Tag einschließt. <script> ist, auch wenn man ein externes Script angibt, nicht inhaltsleer, weil man ScriptCode darin einschließen kann.

Gruß,
-Efchen

P.S.: Dein sinnfreies <a>Username</a> hast Du auch entdeckt?
 
hey danke für die antwort.
ja wo dus grad sagst kommt das wieder aus der abi zeit hoch <br /> ^^

wieso mein sinnfreies <a>Username</a> ??
 
Naja, was soll denn <a>username</a> bedeuten? Ein Link ohne Zielangabe?
 
Huh?
Was bedeutet das?
Ich meine, das <a>-Tag steht für einen Link, früher auch noch für einen Anker. Was soll das <a> im Zusammenhang mit dem Inhalt "Username" für eine Bedeutung haben? Und, ein <a>-Tag ohne weitere Attribute ist sinnfrei. Was an der Stelle sinnvoll ist, ist das <label>-Tag mit dem for-Attribut.
 
Ja mach das!
Nur so (also mit dem <label>-Tag) zeichnest Du Deinen Inhalt richtig mit HTML aus, und durch richtige Anwendung des Tags erreichst Du eine höhere Benutzerfreundlichkeit, also alles Dinge, die gut sind!

Was hält Dich davon ab? Ich frage, weil du "jedoch" schreibst.
 
dann müsste ich erst einmal einen bzw. zwei neue einträge in der CSS datei machen, und letztenendes ist es doch wurscht ob das Element über dem Inputfeld "dazugehört" oder ob es einfach nur da steht.
Was gut ist, ist das wenn man auf das Label feld klickt, man automatisch in das Feld gelangt.
Aber das sind ja eher spielerein oder? wieso ist durch ein label element mehr benutzerfreundlichkeit erreicht?
 
]
suerte schrieb:
dann müsste ich erst einmal einen bzw. zwei neue einträge in der CSS datei machen
Zum Vergrößern anklicken....
Du hörst Dich an, als wäre das schlimm, etwas richtig und vollständig zu machen, als wäre es besser, nur halbe Sachen zu machen. :-?

und letztenendes ist es doch wurscht ob das Element über dem Inputfeld "dazugehört" oder ob es einfach nur da steht.
Zum Vergrößern anklicken....
Genausowenig wie es wurscht ist, ob ein Geschwindigkeitsbegrenzungsschild auf der Straße steht und da Sinn macht oder nicht.

Was gut ist, ist das wenn man auf das Label feld klickt, man automatisch in das Feld gelangt.
Zum Vergrößern anklicken....
Ja, benutzerfreundlich.

Aber das sind ja eher spielerein oder?
Zum Vergrößern anklicken....
Nein! Wieso das? Das sind die Grundregeln von sauberem HTML, Benutzerfreundlichkeit, Accessability und einfach alles, was man auf jeden Fall und ohne groß zu überlegen tut, um eine gute Website zu erstellen!

wieso ist durch ein label element mehr benutzerfreundlichkeit erreicht?
Zum Vergrößern anklicken....
Hast Du doch selber gesagt, s.o.
Du musst bedenken, dass vielleicht nicht jeder so gut mit der Maus umgehen kann, wie Du. Ich persönlich halte es auch für extrem angenehm, wenn man bei einem Radio-Button auf ein Label klicken kann, anstatt auf den kleinen, winzigen Button. Andere Leute haben vielleicht noch viel mehr motorische Probleme, als wir.
 
hehe,

das stimmt. ja ich hatte nicht an radiobuttons gedacht. Da macht das wirklich sinn. Ok du hast mich überredet ich bau alles um ;) is ja nicht viel

ich kann ja auch eine id angeben die es in meiner CSS datei gar nicht gibt odeR?

Achso nochmal vielen dank ;)
 
suerte schrieb:
ich kann ja auch eine id angeben die es in meiner CSS datei gar nicht gibt odeR?
Zum Vergrößern anklicken....
IDs kannst Du vergeben, wie Du lustig bist. Bei IDs musst Du natürlich immer darauf achten, dass sie nur einmal auf einer Seite vorkommen dürfen. Ob Du die IDs auch im Stylesheet verwendest, bleibt Dir überlassen. In diesem Falle brauchst Du sie ja nur, um den Bezug vom Label zum Eingabefeld herzustellen. Wenn Du keine besondere Formatierung für jedes einzelne Eingabefeld willst, musst Du Dich im Stylesheet dann natürlich nicht auf diese ID beziehen.

Achso nochmal vielen dank ;)
Zum Vergrößern anklicken....
Gern geschehen,
-Efchen
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben