WinFuture-Forum.de: [html] Falsche Seitendarstellung Im Ie - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

[html] Falsche Seitendarstellung Im Ie Firefox Ok, IE zerstörtes Design


#1 Mitglied ist offline   Tazzilo 

  • Gruppe: aktive Mitglieder
  • Beiträge: 55
  • Beigetreten: 13. Juli 08
  • Reputation: 0

  geschrieben 24. Oktober 2009 - 17:58

Kann mir jemand erklären, wieso im IE die Seite komplett anderes aussieht als im Firefox und sich anders verhält, sprich das DIV oben nicht fixiert bleibt?

Wo liegt bei mir da der Fehler im Code?

Codeauszug:
<html>
<head>
...
</head>
<body>
<div style="left:0px; top:0px; height:29px; position:fixed; width:100%; background-color:white; text-align:center">
<span style="float:right; margin-top:2px; width:560px">
<form name="login" method="post" action="">
	  User Name: <input type="text" name="user"> User Passwort:  <input type="password" name="pw">

	  <input type="submit" name="Submit" value="einloggen">
	</form>
</span>
</div>
<div style="left:0px; border-top:1px solid #c9d7f1; font-size:1px; width:100%; position:fixed; top:29px"></div>
 
<div style="margin-top:30px">
<center>
...
...

Dieser Beitrag wurde von Tazzilo bearbeitet: 11. August 2010 - 20:03

0

Anzeige



#2 Mitglied ist offline   Stefan_der_held 

  • Gruppe: Offizieller Support
  • Beiträge: 14.293
  • Beigetreten: 08. April 06
  • Reputation: 887
  • Geschlecht:Männlich
  • Wohnort:Dortmund NRW
  • Interessen:Alles wo irgendwie Strom durchfließt fasziniert mich einfach weswegen ich halt Elektroinstallateur geworden bin :)

geschrieben 24. Oktober 2009 - 19:56

Beitrag anzeigenZitat (Tazzilo: 24.10.2009, 18:58)

Kann mir jemand erklären, wieso im IE die Seite komplett anderes aussieht als im Firefox und sich anders verhält, sprich das DIV oben nicht fixiert bleibt?


Der Fehler liegt nicht am Code.... er liegt daran wie die einzelnen Browser mit CSS umgehen.


Wenn ich mir meine Seite

http://s-geschwind.de/index.php?id=3

im IE unter "Comp. Modus" anschaue sind die Header fixiert.... ansonsten bislang nirgends...

des is der Code der entsprechenden CSS

.Header{
		 background:#EEEEEE;
		 width:90%;
		 padding-left:5px;
		 padding-right:5px;
		 padding-top:2px;
		 padding-bottom:2px;
		 margin:auto;
		 position:relative;
	   }


:rolleyes:

Es bleibt nicht übrig als einfach CSS-Hacks zu verwenden.
0

#3 Mitglied ist offline   Witi 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.942
  • Beigetreten: 13. Dezember 04
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Kingsvillage
  • Interessen:Frickeln

geschrieben 25. Oktober 2009 - 11:48

Wie wäre es wenn du direkt anfängst validen HTML-Code zu schreiben? Ohne der Angabe eines korrekten Dokumententypen befinden sich alle Browser im Quirks-Modus und interpretieren die Seite wie sie wollen.

Fange also mit folgendem Grundgerüst an:
	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
			"http://www.w3.org/TR/html4/loose.dtd">
	<html>
	<head>
	...
	</head>
	<body>
	...
	</body>
	</html>

Wenn du das umgesetzt hast und immer noch mit Darstellungproblemen kämpfst, meldest du dich nochmal. Später stellt sich dann die Frage von welchem IE du eigentlich redest. Zwischen IE8 7 und 6 herrschen unglaubliche Unterschiede.
[email protected] 0xAAE321A2

50226 - Witis Blog
0

#4 Mitglied ist offline   Tazzilo 

  • Gruppe: aktive Mitglieder
  • Beiträge: 55
  • Beigetreten: 13. Juli 08
  • Reputation: 0

geschrieben 25. Oktober 2009 - 13:49

Mit dem Dokumententypen funktioniert es. Auch die anderen Probleme hab ich damit beheben können.

Vielen Dank. :huh:

Das kommt davon, wenn man alte Seiten nicht copy&paste mäßig übernimmt, sondern alles selbstständig von neu beginnt.

Aber Thread bitte noch auflassen. Da kommt bestimmt in Zukunft noch was :huh:

Dieser Beitrag wurde von Tazzilo bearbeitet: 25. Oktober 2009 - 13:50

0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0