✔ Form Login verschiebt Tabelle

[Nepheus]

Hey Leute,
auf http://www.nepheus.de/dd/ wird die Tabelle durch den Login verschoben, ihr könnt euch ja mal den Quellcode anschauen und mir vielleicht sagen warum... Ich komme nämlich irgendwie nicht auf die Lösung.
P.S: Im Mozilla geht alles wunderbar, aber im Internet Explorer gehts nicht...

 

[Comenius]

Hi,

So wie es aussieht, benutzt du CSS.
Da jeder Browser den CSS-Code etwas anders verarbeitet, können unterschiede auftreten.

Mozilla Firefox und der neue Netscape sind in Sachen CSS-Verarbeitung total identisch.
Anders aber bei dem IE und Opera.

Aber nicht nur CSS wird unterschiedlich verstanden, sondern zb. auch die Längen einer Tabelle etc.

Du müsstest vielleicht mit Javascript den Browser ermitteln und so die passende CSS-Datei ausgeben lassen.

Gruss
Commi

 

[Nepheus]

ne glaube nich das es daran liegt. also wenn ich das
<form ......>
und am schluss das
</form>
wegmache dann ist es nicht mehr verzerrt aber dann bringt das ganze ja nix mehr lol

 

[Comenius]

Kannst du mal den Code (mit kompletten Inhalt) von diesem Formular posten?

Gruss
Commi

 

[Nepheus]

		<form action="login/checkuser.php" method="post">
		<div align="right"><font face="Verdana" size="1" color="#999999">User:</font>
		<input type="text" name="Nickname" style="background-color:#484848; border:0 solid #DDDDDD; color:#C0C0C0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width: 10%;">
		<font face="Verdana" size="1" color="#999999">Pass:</font>
        <input type="password" name="Kennwort" style="background-color:#484848; border:0 solid #DDDDDD; color:#C0C0C0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width: 10%;">
        <input name="submit" type="submit" value="Login" style="background-color:#484848; border:0 solid #DDDDDD; color:#C0C0C0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width: 5%;">
		</div></form>

 

[Comenius]

    <form action="login/checkuser.php" method="post">
   <div align="right">
   ...
   </div></form>

Hmmm, versuche doch mal das "<div>" for dem <form> - Tag zu setzen.
Also so:

    <div align="right">
    <form>
    ...
    </form>
    </div>

Sonst würde ich vielleicht mal den CSS-Teil auslagern, also vielleicht in eine Externe Datei packen.

Wenn es dann immer noch nicht funktioniert, vielleicht bei <Font =...> auch mit CSS arbeiten, also die Grösse und Schrift mit CSS bestimmen.

Ansonsten, wie schon gesagt, ist es sehr wahrscheinlich, dass es an deinem CSS-Code liegt. Jeder Browser stellt den Code etwas anders da.
Vielleicht solltest du es dann mal mit einer Browserweiche versuchen.

Soooo, ich hoffe, dir genug Infos gegeben zu haben
Versuch mal dein Glück und lass es mich dann wissen, obs geklappt hat (wovon ich ausgehe! hrhr)

Gruss
Commi

 

[worki2k1]

Mhhh da ist ja ein Form-Tag. Einige Browser, wie auch der IE machen vor und nach <form></form> einen Abstand rein. Vielleicht hilft ja folgende Veränderung schon etwas:

<form action="login/checkuser.php" method="post" style="margin: 0px;">
...
</form>

Nachtrag:
Außerdem sind mir gerade diese Zeilen direkt unter dem Formular aufgefallen:

<td width="20">
			<p align="left">
			<img src="images/mitte_r.gif" width="20" height="24" alt=""></td>

	</tr>

Ich denke hier interpretiert der IE die <p>-Tags als Absatz und macht einen Umbruch rein. Außerdem wertet der IE Zeilenumbrüche im Quelltext zwischen <img> und <td> falsch. Wenn das Problem mit oben noch nicht gelöst wurde versuch mal in den gerade genannten Zeilen folgende Veränderung:

<td width="20" align="left"><img src="images/mitte_r.gif" width="20" height="24" alt=""></td>
</tr>