amiga-news ENGLISH VERSION
.
Links| Forum| Kommentare| News melden
.
Chat| Umfragen| Newsticker| Archiv
.

amiga-news.de Forum > Programmierung > Problem mit Html/CSS Seite. Fhlerhafte darstellung bei IE [ - Suche - Neue Beiträge - Registrieren - Login - ]

-1- [ - Beitrag schreiben - ]

12.08.2005, 20:38 Uhr

pixl
Posts: 2581
Nutzer
Bei der neugestaltung mit CSS tritt ein Problem auf .
Während die Seite mit Firefox genauso dargestellt wird wie ich es haben will; (Nahtlose Übergänge der zweier <div> tags , problemlose Grössenveränderung des Browsers fensters) sieht das bei IE 5.5 (minimal konfiguration) ganz anders aus

Man kann deutlich einen Abstand zwischen den beiden nebeneinaderliegenden <div> Tags sehen.

Beim verschieben des Browswerfensters schiebt sich das zweite <div> element unter das erste so daß, das Gesamtbild der Seite erheblich verunstaltet wird.
Ich habe schon alles probiert aber es lässt sich nicht ändern,
IE bleibt stur.

Ich habe jetzt Probeweise die Website mit CSS ins netz gestellt. Das ist wirklich nur das Grundgerüst es fehlen sämtliche Inhalte und Buttonbeschriftung, Titelangabe oder sonstiges was eine Website ausmacht.

Frage könnt ihr euch mal die Site anschauen ( ma besten mit IE 5.5)
und mir mitteilen wo der Fehler im Quelltext leigt bzw. wie ich dieses Problem umgehen kann?
Ich würde gerne die verschachtelten <div> elemente beibehalten, ansonsten muss ich wohl aus diesem beiden eines machen.
Was ich erst als letzte Option ansehe.
--

http://www.pixlmedia.de/forum
Jetzt neu: Pixlmedia.de das Forum uber Pixeln, Grafik, Animation und mehr
mfg Pixl

[ - Antworten - Zitieren - Direktlink - ]

12.08.2005, 20:49 Uhr

Kleatus
Posts: 141
Nutzer
So eine kleine Seite und so viel Fehler.

HTML: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.pixlmedia.de%2FU3.htm

CSS: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.pixlmedia.de%2Fstyle.css&warning=1&profile=css2&usermedium=all


Benutze einen Validator!

Zudem hat der IE bedingt Probleme mit CSS.
Ach und das Design ist hässlig. Sieht total verpixelt aus und die Buttons heben sich kaum vom restlichen Design ab. Es wirkt öde. Sieht aus wie mit einem 8Bit Malprogramm erstellt.


[ Dieser Beitrag wurde von Kleatus am 12.08.2005 um 20:52 Uhr editiert. ]

[ - Antworten - Zitieren - Direktlink - ]

12.08.2005, 21:13 Uhr

pixl
Posts: 2581
Nutzer
@Kleatus:
>>Ach und das Design ist hässlig. Sieht total verpixelt aus und die Buttons heben sich kaum vom restlichen Design ab. Es wirkt öde. Sieht aus wie mit einem 8Bit Malprogramm erstellt.>

kannst du auch mal was anders als immer nur nörgeln?
Deine Kritik in den meisten Fällen ist destruktiv.
Von konstruktiver Kriztik hast Du wohl noch nie was gehört? Oder?
Egal ich denke Dir macht es Spass zu provozieren und zu beleidigen.
.
Um das Design ging es zuerstmal gar nicht.
ich möchte gerne wissen in was für einer Auflösung du Dir das ansiehst
Bei einer Auflösung von 1024X 768 sieht es ziemlich okay aus.
Abgesehen davon wollte ich eben nicht Quietschi Buntes sondern was Dezentes
Wie sehe denn für Dich ein besseres Design aus?
ansonsten hilft mir dieser Validator nicht beim Grunddproblem.
er sagt mir zwar Fehler aber sagt nicht wo der fehler im eignetlichen liegt zumal er Fehler sieht die gar nicht da sind.
Und Das IE CSS nicht richtig dastellz weiß ich aber es geht auch darum eine Lösung zu finden wie er die site so dastellen soll wie es möchte.
Da hilft mir ein Validator auch nicht weiter.


--

http://www.pixlmedia.de/forum
Jetzt neu: Pixlmedia.de das Forum uber Pixeln, Grafik, Animation und mehr
mfg Pixl

[ Dieser Beitrag wurde von pixl am 12.08.2005 um 21:40 Uhr editiert. ]

[ - Antworten - Zitieren - Direktlink - ]

12.08.2005, 22:02 Uhr

Kleatus
Posts: 141
Nutzer
Statt dumm rumzumeckern solltest du mal den Validator beherzigen und die Fehler beseitigen, da viele Darstellungsfehler durch falsches HTML verursacht werden. Dein HTML-Code ist nicht nur sehr unübersichtlich sondern auch von Fehlern nur so durchzogen.

Beispiele:
code:
<div class="head" >

Leerzeichen am Ende des Tags

code:
<Table VALIGN=bottom BORDER="0"align="center">

Mal davon abgesehen das du dich mal auf Groß oder Kleinschreibung festlegen solltest fehlt hinter border="0" ein Leerzeichen

code:
<Td><VALIGN="bottom" align="center"><img src="dummy.gif"></td>

Ich wusste nicht das "valign" ein eigenständiger Tag ist.

der float-Tag in CSS sollte auch einen richtigen Wert bekommen, dann klappt es vielleicht auch mit dem verkleinern/vergrößern des Fensters.

etc...

Da du mit Tabellen arbeitest kannst du auch die Attribute "cellpadding" und "cellspacing" ausprobieren um mögliche Abstände zwischen den Tabellen zu entfernen.

Zum Thema Design und Kritik:
Was mir am Design nicht gefällt habe ich auch gesagt, das ist dann konstruktive Kritik.

Hätte ich gesagt: " Öh scheiß Design" - ohne eine Begründung wieso es scheiße ist, dann wäre es keine konstruktive Kritik.

Wer pflaumt hier also wen an?

[ - Antworten - Zitieren - Direktlink - ]

12.08.2005, 22:21 Uhr

Kleatus
Posts: 141
Nutzer
Nachtrag:

Von Quitschbunt ist nirgends die Rede.
Dezent wirkt das Design nicht, es wirkt Altbacken
Verbesserungen?
Bringe 24 Bit Farbverläufe ein oder fließende in 8 Bit.
Entscheide dich für eine Stelle an der du Buttons unterbringst.
Du könntest die Buttons heller machen, vielleicht mehr weiß(jetzt wirken sie fehlplatziert), damit diese sich abheben.


[ Dieser Beitrag wurde von Kleatus am 12.08.2005 um 22:22 Uhr editiert. ]

[ - Antworten - Zitieren - Direktlink - ]

12.08.2005, 22:58 Uhr

pixl
Posts: 2581
Nutzer
@Kleatus:
na also geht doch :)

<<Du könntest die Buttons heller machen, vielleicht mehr weiß(jetzt wirken sie fehlplatziert), damit diese sich abheben.>>
Eigentlich wollte ich sie noch mt dunkelblauer Frabe beschiften :D
Nein im ernst die Buttons werden Hell beschfritet (weiss)
dann sieht man auch die etwas groben Farbübergänge nicht.
Die ich eh noch bearbeiten wollte .
>>Entscheide dich für eine Stelle an der du Buttons unterbringst.>>
Die Plazirung der Buttons macht schon sinn
Links ist das haupt menue und und nunten ist das Untermenue
Nur Oben werde ich die leiste razusnhemen.
Oder ändern.

Aber das sind Arbeiten die ganz zum schluss kommen zuerst mus der Code stimmen.

Übrigens finde ich es übersichtlicher wenn jeder tag eine eigen Zeile bekommt.
aber das scheint ansichtssache zu sein.



--

http://www.pixlmedia.de/forum
Jetzt neu: Pixlmedia.de das Forum uber Pixeln, Grafik, Animation und mehr
mfg Pixl

[ - Antworten - Zitieren - Direktlink - ]

12.08.2005, 23:27 Uhr

pixl
Posts: 2581
Nutzer
@Kleatus:
also die HTML Fehler sind bis auf den ersten Fehler ( da kapiere ich nicht was gemeint ist ) beseitigt.
und die Fehler im CSS sind auch behoben.


Nur ist das Problem damit nicht gelöst.
das ist der spriingende Punkt.
das ganze ist ein logischer fehler
und so was erkennt kein Validator.

@ all: wie gesagt das Problem ist immer noch nicht behoben.
schaut euch mal ambesten die Site mit IE an.
und bitte jetzt nicht über das Design meckern. :)


--

http://www.pixlmedia.de/forum
Jetzt neu: Pixlmedia.de das Forum uber Pixeln, Grafik, Animation und mehr
mfg Pixl

[ Dieser Beitrag wurde von pixl am 12.08.2005 um 23:48 Uhr editiert. ]

[ - Antworten - Zitieren - Direktlink - ]

12.08.2005, 23:56 Uhr

Kleatus
Posts: 141
Nutzer
Übersichtlichkeit = Gross/Kleinschreibung der Tags/Attribute sowie das Einrücken von Tags mittels Tabulator.

Du könntest versuchen auf Strict HTML umzusteigen und alles in CSS zu realisieren, dem IE wird das aber weniger zugute kommen.

Da wäre es besser auf Tabellenbasis zu arbeiten und das CSS (via div-tag) dann weitgehend wegzulassen.

[ - Antworten - Zitieren - Direktlink - ]

13.08.2005, 00:14 Uhr

Holger
Posts: 8116
Nutzer
Zitat:
Original von pixl:
Nur ist das Problem damit nicht gelöst.
das ist der spriingende Punkt.
das ganze ist ein logischer fehler
und so was erkennt kein Validator.

Trotzdem ist das ein erster Schritt. Ich kann jetzt auf Anhieb nichts erkennen.
Aber vielleicht helfen Dir diese Links weiter:
http://de.selfhtml.org/css/layouts/einfuehrung.htm#boxmodell

http://de.selfhtml.org/css/formate/box_modell.htm#box_model_bug


Ich sage nur vielleicht. Iss schon spät heute, sonst würde ich vielleicht noch ein bißchen intensiver draufstarren.

mfg
--
Good coders do not comment. What was hard to write should be hard to read too.

[ - Antworten - Zitieren - Direktlink - ]

13.08.2005, 17:29 Uhr

pixl
Posts: 2581
Nutzer
@Holger:
<<<Trotzdem ist das ein erster Schritt. >>>
der CSS sowie der HTML Code ist jetzt optimiert und wird von den Validatorn als fehlerfrei akzeptiert.

Was das Problem angeht , die Links haben mir nicht unbedingt weitergeholfen, sieht wohl so aus als ob ich meine Letzte Option nutzen muss, und die beiden Elemtente zu einem zusammenfügen muss.

Da ich die Grafische oberfläche eh komplett neu gestalten muss (24 Bit farbverläufe umrechnug in 8 Bit) werde ich wohl einen entsprechenden Hintergrungdbasteln.

@ Kleatus:
Es ist ja nicht so das ich Deine Kritik ingnoriere , sonst hätte ich mich nicht hingestezt und die Fehler im Code kompeltt beseitigt.
Was die Grafik angeht, so schalte ich jetzt bei DPaint V den 24-Bit Turbo dazu, da mit diesem die Farbverläufe wirklich sauber werden, wie ich jetzt bei den ersten tests gesehen habe.
PPaint rechnet diese dann auch sauber in 8.Bit um, so da die grafische Oberfläche sauberer aussieht als vorher.

Ich sehe Kritik nicht als negativ an,
zumal ich solche immer ernst nehme, und versuche sie umzusetzten.

Nur kam Dein Ton schriftlich wahrscheinlich anders an als er von Dir gemeint war.

Ansonsten hast Du mir durchaus geholfen.
***************************** Nachtrag ***********************************
ich habe jetzt den Quelltext
versucht übersichtlich zu gestalten .
Die tag eingerückt und eine Grosse schreibweise verwendet.
Ubd ich gebe Dir recht es ist übersichtlicher.

--

http://www.pixlmedia.de/forum
Jetzt neu: Pixlmedia.de das Forum uber Pixeln, Grafik, Animation und mehr
mfg Pixl

[ Dieser Beitrag wurde von pixl am 13.08.2005 um 19:58 Uhr editiert. ]

[ Dieser Beitrag wurde von pixl am 13.08.2005 um 19:59 Uhr editiert. ]

[ - Antworten - Zitieren - Direktlink - ]

16.08.2005, 02:11 Uhr

pixl
Posts: 2581
Nutzer
@Kleatus:
jetzt habe ich mal das Design völlig neu gestaltet, wird mal wieder zeit für deine kondtruktive Kritik.
Die untere Buttonleiste muss noch neu gestaltet werden.
Und die Links auf der Navileiste funktionieren noch nicht muss noch die neue Image Map einfügen.


@ all:
Ansonsten habe ich das Problem so gelöst das ich aus den beiden geteilten Div elemnten ein Div Element gemacht habe was auch IE 5.5 ohne Probleme anzeigt.
--

http://www.pixlmedia.de/forum
Jetzt neu: Pixlmedia.de das Forum uber Pixeln, Grafik, Animation und mehr
mfg Pixl

[ - Antworten - Zitieren - Direktlink - ]


-1- [ - Beitrag schreiben - ]


amiga-news.de Forum > Programmierung > Problem mit Html/CSS Seite. Fhlerhafte darstellung bei IE [ - Suche - Neue Beiträge - Registrieren - Login - ]


.
Impressum | Datenschutzerklärung | Netiquette | Werbung | Kontakt
Copyright © 1998-2024 by amiga-news.de - alle Rechte vorbehalten.
.