• 26.05.2024, 16:08
  • Registrieren
  • Anmelden
  • Sie sind nicht angemeldet.

 

Problem HTML Darstellung IE

Samstag, 12. Juni 2004, 17:10

Hi Leute,

ich sitze da gerade an meiner Page und hab festgestellt, dass der komplette Inahlt zwischen den <form> tags zwar zentriert ist, aber um ca 10 Pixel nach oben verschoben ist.

hier ma n ausschnitt:

Quellcode

1
2
3
4
5
6
7
8
9
10
11
12
13
<table border="1" cellspacing="0" cellpadding="0">
 <tr>
  <td width="112" height="120" bgcolor="#cccccc" align="center" valign="middle">
    <form action="login.php" method="get" name="login">
      <input type="text" name="name" class="login" size="8" value="Login" onclick="document.login.name.value=''"><br>
       <img src="pics/spacer.gif" height="4"><br>
       <input type="password" name="password" class="login" size="8" value="Password" onclick="document.login.password.value=''"><br>
        <img src="pics/spacer.gif" height="4"><br>
        <input type="submit" value="Login" class="login">
       </form>
      </td>
    </tr>
  </table>


Hat von euch jemand eine Idee woran das liegen könnte?
Mit Mozilla habe ich mit dem selben Code keine Probleme.

Greetz Dominik
19.01.2003 WaKü on Board ;D Ich traue jedem, nur nicht dem Teufel der in jedem steckt

Re: Problem HTML Darstellung IE

Samstag, 12. Juni 2004, 18:12

ich kenn ja die Seite die du schreiben willst nicht, aber ist das wirklich so schlimm? jeder Browser stellt eben die Dokumente die er erhält etwas anderst dar.

und was mir noch einfällt:
ich hatte des öfteren mit dem IE Probleme bei verschachtelten tabellen. da musste man immer direkt hinter das öffnende "<td>" auch den Inhalt schreiben, sonst hat's einem die Tabelle verschoben
also nicht:

Quellcode

1
2
3
<td>
    trallala
</td>


sondern:

Quellcode

1
<td>trallala</td>
Gute work-live-balance ist, wenn man von seinem Privatleben erschöpfter ist als von der Arbeit.

Re: Problem HTML Darstellung IE

Samstag, 12. Juni 2004, 18:22

danke schonmal für deine Antwort.

habe es jetzt mal in einer Zeile geschrieben, auch ohne Erfolg. Was mir auffällt, dass es etwas mit den <form> tags zu tun haben muss. WEnn ich diese weglasse stellt auch der ie alles korrekt dar
19.01.2003 WaKü on Board ;D Ich traue jedem, nur nicht dem Teufel der in jedem steckt

Re: Problem HTML Darstellung IE

Samstag, 12. Juni 2004, 18:30

Ich habe jetzt einfach mal die Tabelle in das Formular gesetzt. Scheint auf den ersten Blick zu funktionieren.

Quellcode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<form action="login.php" method="get" name="login">
<table border="1" cellspacing="0" cellpadding="0"> 
<tr> 
<td width="112" height="120" bgcolor="#cccccc" align="center" valign="middle">  
<input type="text" name="name" class="login" size="8" value="Login" onclick="document.login.name.value=''"><br> 
<img src="pics/spacer.gif" height="4"><br> 
<input type="password" name="password" class="login" size="8" value="Password" onclick="document.login.password.value=''"><br> 
<img src="pics/spacer.gif" height="4">
<br> 
<input type="submit" value="Login" class="login">
</td> 
</tr> 
</table> 
</form>

Das ganze Gebilde selber kannst du auch wieder in eine Tabelle verfrachten falls sich irgendwo etwas verschieben sollte.

Re: Problem HTML Darstellung IE

Samstag, 12. Juni 2004, 18:38

danke, jetzt funzt es, auch wenn es meiner Meinung nach unlogisch ist :D
19.01.2003 WaKü on Board ;D Ich traue jedem, nur nicht dem Teufel der in jedem steckt

Re: Problem HTML Darstellung IE

Samstag, 12. Juni 2004, 19:13

IE eben... ;D

Re: Problem HTML Darstellung IE

Samstag, 12. Juni 2004, 20:13

das ist ganz normal.

1. soll man tabellen in formulare schachteln, nicht andersrum.
schaut auch sauberer aus im code.

2. haben formulare auch ränder, genauso wie tabellen oder andere html-elemente.
d.h. wenn man ein formular anlegt, hat es einen abstand zum vorherigen element.
diese bekommt man über css auch weg (margin, padding).
Gott hat die Welt ja nur in sieben Tagen erschaffen können, weil es keine installierte Basis gab.

Re: Problem HTML Darstellung IE

Montag, 14. Juni 2004, 15:45

meinst du nach oben verschoben oder nach unten?

probier mal <form style="margin: 0; padding: 0"> :)