Darstellung im IE

[Christoph]

Hallo,
ich habe für ein FH-Projekt ein Frontend programmiert. Nur habe ich das Problem, dass die Darstellung im Firefox super ist dafür im IE aber völlig verzerrt (egal welche Version).

Leider kann ich die URL der Seite nicht veröffentlichen, daher hier mal 2 Bilder:
Ansicht Firefox: http://web.projekt2019.de/extern/fmff.png
Ansicht Internet Explorer: http://web.projekt2019.de/extern/fmie.png

Kann jemand von euch mir eventuell weiterhelfen? Ich sitze schon fast 5 Tage vor und bin fast am verzweifeln ;).
Ich stelle Code wenn er gebraucht wird natürlich zur Verfügung.

Für eure Hilfe wäre ich euch dankbar, auch wenn es nur ein Tipp ist!
Manchmal sieht man ja den Wald vor lauter Bäumen nicht.

MfG, Christoph

[Max]

Hallo,
ich habe für ein FH-Projekt ein Frontend programmiert. Nur habe ich das Problem, dass die Darstellung im Firefox super ist dafür im IE aber völlig verzerrt (egal welche Version).

Leider kann ich die URL der Seite nicht veröffentlichen, daher hier mal 2 Bilder:
Ansicht Firefox: http://web.projekt2019.de/extern/fmff.png
Ansicht Internet Explorer: http://web.projekt2019.de/extern/fmie.png

Kann jemand von euch mir eventuell weiterhelfen? Ich sitze schon fast 5 Tage vor und bin fast am verzweifeln ;).
Ich stelle Code wenn er gebraucht wird natürlich zur Verfügung.

Für eure Hilfe wäre ich euch dankbar, auch wenn es nur ein Tipp ist!
Manchmal sieht man ja den Wald vor lauter Bäumen nicht.

MfG, Christoph

Also ich habe das bei meiner Seite so gelöst:

Ich habe zwei verschiedene Style Sheets erstellt, eins für den IE und eins für Firefox, also so dass es für jeden der beiden Browser ungefähr gleich aussieht.
Dann habe ich in den Header der Seite eine Browserweicihe eingebaut die den jeweiligen Browser des Users Ermittelt und dementsprechend eines der Stylesheets auswählt.

Gruß,
Max

[Jojo]

Ich würde jetzt spontan auf ein Problem mit der Breite tippen. Aber es wäre wirklich hilfreich, wenn du zumindest dein CSS einstellen könntest. ;)

[Christoph]

Ich würde jetzt spontan auf ein Problem mit der Breite tippen. Aber es wäre wirklich hilfreich, wenn du zumindest dein CSS einstellen könntest. ;)

Also hier mal ein paar Dateien:

http://web.projekt2019.de/extern/style.css

Dann noch die index.php und die startseite.php(wird per include von index.php geholt)

http://web.projekt2019.de/extern/index.txt
http://web.projekt2019.de/extern/startseite.txt

[Jojo]

Puuh.. das ist ein ganz schöner Codewust, den du hast. Aber ich hab mich mal durchgearbeitet und meine, ein paar der Probleme lokalisiert zu haben.

Ersteinmal:
Soweit ich weiß müssen selbst PHP-Seiten einen Doctype enthalten.

Zweitens:
<span><h1><img src="/~schaff/projekt/images/manager.png" border="0" align="left" />Fussball Manager<h2>Eine Online Fussball-Liga Verwaltung</h2></h1></span>

Du hast da h1 und h2 ineinander verschachtelt. Das ist eher kontaproduktiv. Versuch es mal mit:

<span><h1><img src="/~schaff/projekt/images/manager.png" border="0" align="left" />Fussball Manager</h1><h2>Eine Online Fussball-Liga Verwaltung</h2></span>

Wenn ich mich jetzt im CSS nicht verguckt habe, dürfte das das Problem mit den Schriftgrößen an der Stelle regeln.

Drittens:

  
.table_border{  
 border-width:1px;  
 border-style:solid;  
 background-color:E0E6CF;  
}  

Hier fehlt die Angabe der border-color.

Viertens:

  
#main_box td{  
 line-height: 33px;  
   border-right:1px solid #b0b0b0;  
  text-align: center;  
 color:#606060;  
   height:36px;  
   width: 100px;  
   font-size: 12px;  
 text-decoration:none;  
 font-weight:bold;  
 border-collapse:collapse;  
}  

Da haben wir das Breiten-Porblem: width: 100px
Einfach weglassen oder auch auf 100%.

Probier es mal damit und meld' dich zurück, wenn es immer noch Probleme gibt. ;)