verdammter Internet Explorer - Hilfe bitte!

[JoeCool]

Moin,
hab am WE stundenlang mit Kompozer an einer Webpage gebastelt. Nun hab ich endlich alles soweit, wie ich mir das vorstelle - Inkl. Slide Show (Wow-Slider), netter Menue Liste etc.
Nun das Problem: Im Kompozer und in Firefox sieht das ganze aus wie geleckt. Wenn ich allerdings über IE oder IE64 öffne passt gar nix mehr.
Die Slideshow ist verschoben, Texte erscheinen an falscher Stelle und im falschen Format, das Navi-Menue funktioniert nicht etc. Kurz: der Horror. :|

Gibt es ggf. ein tool, HTML so zu "säubern", das der IE damit zurechtkommt? Was kann ich sonst machen?

Hier zwei Beispielseiten (am besten mit Firefox & mit IE öffnen und vergleichen):

maricon-hamburg.com/
maricon-hamburg.com/temp_slide.html

(Jeweils www)

 

[MrMurphy]

Hallo

Gibt es ggf. ein tool, HTML so zu "säubern", das der IE damit zurechtkommt?

Nein.

Was kann ich sonst machen?

Die Seite mit aktuellem HTML / CSS neu erstellen. Der Quelltext ist einfach nur grausam, da wird sich kaum jemand durcharbeiten. Schon gar nicht wird es helfen, zwei, drei oder auch vier Änderungen vorzunehmen und alles ist gut.

Die Grundlage stimmt einfach nicht. Das fängt mit dem Tabellenlayout an und hört mit den vielen Formatierungen direkt im Quelltext noch lange nicht auf.

Du solltest erst mal eine Seite nur mit HTML und CSS erstellen und den restlichen Spielkram komplett weglassen. Wenn die Seite in allen gewünschten Browsern wie gewünscht dargestellt wird, können die Spielereien nach und nach hinzugefügt werden.

Gruss

MrMurphy

 

[JoeCool]

Naja, der Code kommt ja nicht von mir direkt - Das ist ja der Sinn eines WYSIWYG Editors und ich dachte, NVU/Kompozer erzeugen recht brauchbaren code :-(
Ich habe die Seiten auch als leere Templates ohne Slider & Menue gespeichert. Die sehen auch im IE Ok aus. Nur wie bekomme ich jetzt die Inhalte etc. so rein, das es eben bei allen gängigen Browsern läuft?
Hab eben über JigsawW3 die Seiten validiert - Demnach sind die seiten alle OK aber die CSS stecken voller fehler. Werd ich mal dran arbeiten.

 

[JoeCool]

So, nu hab ich es weitgehend hinbekommen -> www maricon-hamburg.com
Das Menue funktioniert auch soweit. Nur den Picture Slider bekomme ich nicht sauber eingebunden. Kennt jemand gute / kostenlose alternativen? (arbeite z.zt. mit Wow-Slider)

 

[sysop]

Naja, der Code kommt ja nicht von mir direkt - Das ist ja der Sinn eines WYSIWYG Editors und ich dachte, NVU/Kompozer erzeugen recht brauchbaren code :-(
Ich habe die Seiten auch als leere Templates ohne Slider & Menue gespeichert. Die sehen auch im IE Ok aus. Nur wie bekomme ich jetzt die Inhalte etc. so rein, das es eben bei allen gängigen Browsern läuft?
Hab eben über JigsawW3 die Seiten validiert - Demnach sind die seiten alle OK aber die CSS stecken voller fehler. Werd ich mal dran arbeiten.

Ich bin zwar kein Freund dieser Editoren, aber was Recht ist, muss Recht bleiben.
Das Layout (Tabellen) bestimmt der Anwender. Da alle Seiten valide sind, kann man an den Editoren auch nicht rummeckern, die machen schon dass, was sie sollen.

Der Fehler liegt in 99% der Fälle beim Anwender. Eine Tabelle per Drag/Drop als Layout zu verwenden, die Spaltenbreite mit der Maus anzupassen und dann irgendwo einen Text einzufügen und dann mit der Maus an die richtige Stelle zu schieben macht eben genau die Probleme, deretwegen du nun hier ein Thema eröffnest.

Es ist also nicht immer der IE oder der Editor, sondern in diesem Fall wieder einmal (wie bei allen, die eine Webseite mit einem Powerpoint ähnlichen Tool erstellen wollen) das falsche Konzept, das mit mangelhaften HTML-Kenntnissen und fehlendem Grundwissen zum Werkzeug erstellt wurde.

Alle, die hier im Forum über HTML-Kenntnisse verfügen, werden dir bestätigen, den gleichen Fehler wie du gemacht zu haben, fühl dich also bitte nicht angepiet.
Mit der Zeit kommt man aber dahinter, dass der Aufwand, NVU und Konsorten, beherrschen zu wollen, nahezu genauso hoch ist, als wenn man gleich ordenltlich HTML lernt und alles in einem Edotor selber macht.

PS.
Eigentlich hast du es NICHT hin bekommen, die Seite sieht bei mir maximal so lala aus und verhällt sich auch nur so lala, und das mit dem Firefox, Opera, Iceweasel und dem ie.

 

[JoeCool]

Hi,

was meinst Du denn mit "So lala"? Bin eigentlich ganz zufrieden und hab ja gestern auch die seite kompolett neu aufgebaut - und zwar (überwiegend) direkt im html - code (tatsächlich gar nicht so schwer, wenn man erstmal die Grundlagen schnallt).
Ein Problem, was ich noch habe ist das Zentrieren der eigentlichen Seite. Zuerst hatte ich im editor 80% Breite & Zentriert eingestellt - Passt für Firefox aber mal wieder nicht für IE. Dann habe ich auf 100% eingestellt und 2 Rahmenfelder für links/rechts definiert. Soweit ganz gut. Nun ist es aber egal was ich als Werte für die Rahmen eingebe nie wirklich mittig. Tips?

Ich dneke, der Fehler liegt irgendwo hier:

<table style="text-align: left; width: 100%;" border="0"
cellpadding="2" cellspacing="0">
<tbody>
<tr>
<td style="width: 142px;" colspan="1" rowspan="4">
</td>
<td
style="background-color: rgb(204, 204, 255); text-align: right;"
colspan="3" rowspan="1">|<span
style="color: rgb(102, 102, 102);"> <a href="index.html">Home</a>
| <a href="mailto:[email protected]">Kontakt</a>&nbsp;|&nbsp;<a
href="impressum.html">Impressum</a> | </span><a
href="index.html"><img
style="border: 0px solid ; width: 20px; height: 14px;"
src="images/GRAPH/ger.gif" id="ger_flag" alt="GER"></a>
<a href="construction.html"><img
style="border: 0px solid ; width: 20px; height: 14px;" alt="ENG"
src="images/GRAPH/eng.gif"></a>&nbsp;&nbsp;</td>
<td colspan="1" rowspan="4"></td>
</tr>
<tr>
<td
style="height: 220px; background-color: rgb(204, 204, 255); text-align: center;"
colspan="3" rowspan="1"><img
style="width: 100%; height: 220px;" alt="CONST"
src="images/PICS/SS_SLIDE2.jpg"></td>
</tr>

 

[sysop]

Was ist so lala.

Die Texte "Services" und "Contact" laufen aus der Navigation, Unter about sind bei der header-Grafik die abgerundeten Ecken weiss im Hintergrund, dein JS mit der Kontakt-mailadresse info@...... klappt nicht, Zoom sieht eher mittelmässig aus (das ist aber Geschmackssache), wie du schon selber bemerkt hast, klappt das zentrieren nicht (was beim Zoom wiederum nicht so schön ist), um nur einiges zu nennen.

Aber die Seite soll hier ja nicht bewertet werden, war also ein Ausrutscher meinerseits. Es sind übrigens noch W3C Fehler auf der Seite: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmaricon-hamburg.com

Zentrieren macht man mit css. http://www.css4you.de/

In den Tabel-Tag align:center;

 

[JoeCool]

Na gut, bin ja noch am basteln & blutiger Anfänger :-))
bei meiner Auflösung (1366x768) treten die ganzen genannten Fehler nicht auf. Nur das mit den zentrieren.
Werd mal andere Auflösungen checken.

EDIT:
Hab das jetzt mal im testsize.com getestet und klappt bei mir wunderbar, sowohl mit IE als auch mit Firefox?!? Selbst 800x600 sieht noch passable aus und ab 1280x800 ist doch soweit alles ok.

Verstehe nicht, warum offensichtlich bei anderen zahlreiche Fahler auftreten und bei mir nicht?

Den Mailto Fehler hab ich gefunden, die CSS muss ich wohl noch säubern.

 

[threadi]

Noch etwas zum Lernen:
Eine Webseite baut man nicht für Auflösungen. Eine Webseite kann immer nur den Viewport einnehmen den der Browser der Webseite bietet. Du brauchst eigentlich nur dein Browserfenster mal kleiner und größer zu machen um zu sehen, ob dann irgendwann irgendwas nicht stimmt.

 

[JoeCool]

Danke für den Tip, wie auch die anderen hilfen.
Mein Problem ist aber, das bei mir alles soweit OK aussieht. Auch mit verschiedenen Einstellungen & Browsern.
hab es jetzt sogar mal auf nen anderen Rechner bei meinem Nachbarn probiert (IE mit 1024 x 768 . Auch ok.
Somit kann ich eben die bemängelten Fehler ("Die Texte "Services" und "Contact" laufen aus der Navigation, Unter about sind bei der header-Grafik die abgerundeten Ecken weiss im Hintergrund") einfach nicht nachvollziehen. Könnte da vlt. mal jemand ggf. nen JPG von Posten?

EDIT:
Das mit den Ecken bei "About" hab ich jetzt auch gefunden. Werd ich beheben. Bleibt also die Navigation.

 

[JoeCool]

So, hab nochmal etwas gebastelt. Jetzt ist (zumindest bei mir) alles soweit mittig. Den blöden Wow-Slider hab ich erstma rausgeschmissen. Läuft nich rund. Ansonsten bin ich eigentl. ganz zufrieden. Muss nur noch die Menbue CSS säubern.

Anregungen & Kritik wird weiter gerne genommen. (Bin ja noch am lernen!)