  |
| Autor |
Nachricht |
Neals
Neuer [User]
Anmeldung: 14.03.06
Beiträge: 5
|
 Verfasst am: 14.03.2006, 16:09 Titel: Unterschiede beim Anzeigen durch verschieden Browser. Warum? |
 |
|
Hi Leute... Ich hab mal eine Frage, die mich seit längerem beschäftigt:
Ich baue Webseiten normal mit XHTML und CSS, stoße jedoch immer wieder auf Fehler. Die Sites werden in Firefox so angezeigt wie ich es haben möchte, jedoch werden meist im Internet Explorer und in Opera werden die Seiten, öfter als mir lieb ist, anders dargestellt.
 Hier ein Beispiel
dazu Page
und CSS
Könnte mir jemand sagen warum und/oder Tips geben wie ich das beheben kann?
Thx im Vorraus
MfG Neals 
|
|
| Nach oben |
|
 |
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1686
|
| Verfasst am: 14.03.2006, 16:45 Titel: |
|
|
Das hängt damit zusammen, dass die meisten Browser unterschiedliche Rendering-Engines besitzen, sprich HTML- und CSS-Befehle unterschiedlich interpretieren und darstellen.
Um mal die Überschrift der Navigation anzusprechen: Der Fehler im IE liegt dort einfach darin, dass es für das IMG-Tag eine Source ("src") erwartet. Wenn diese nicht gegeben ist, zeigt er den alternativen Text eben so an, wie du es dort siehst. Du solltest diesen Text also nicht über ein IMG-Tag einbauen 
Zum Inhaltsbereich: Probier doch einfach mal aus was passiert, wenn du deinen einzelnen DIV-Tags nicht dieselbe ID zuweist ("text"), das ist imo nähmlich nicht erlaubt Verwende stattdessen einfach eine Klasse (bsp HTML: class="text" ; bsp CSS: .text {... )
Villeicht klappt es dann ja schon 
MfG,
chris
|
|
| Nach oben |
|
|
Neals
Neuer [User]
Anmeldung: 14.03.06
Beiträge: 5
|
| Verfasst am: 14.03.2006, 16:58 Titel: |
|
|
Das Image Tag ist deswegen so gewählt, weil dort noch später ein Logo hinnein soll... habe es nur nicht fertig...
Jetzt habe ich alle ID's in Classes umgeändert, jedoch immernoch der gleiche Fehler im Main-Bereich...
Trotzdem thx Chris
Nachtrag:
Ich habe eine neue Entdeckung gemacht, wenn ich für die Class main eine Höhe angebe, sieht es im Internet Explorer aus wie ich es haben will, weil er die Höhe automatisch erweitert.
Firefox macht das nicht und dort ist das Main Feld nur wirklich nur so hoch wie mit der Höhe angegeben...
Warum interpretieren die Browser die CSS so unterschiedlich 
|
|
| Nach oben |
|
|
ohno
Stammuser [User]
Anmeldung: 20.03.06
Beiträge: 31
|
| Verfasst am: 22.03.2006, 22:37 Titel: |
|
|
| chris1988 hat folgendes geschrieben: | | das ist imo nähmlich nicht erlaubt |
weißt du für was imo die abkürzung ist..
verwend lieber afaik triffts eher 
aber sonst hast du recht..
und neals, ich versteh nich ganz genau was nicht passt/stimmt, erklär mal dein problem, dann kann ich vll helfen..
|
|
| Nach oben |
|
|
Neals
Neuer [User]
Anmeldung: 14.03.06
Beiträge: 5
|
| Verfasst am: 23.03.2006, 16:45 Titel: |
|
|
Habe mittlerweile das Design wieder umgeschmissen und geändert... aber im IE siehts immernoch kacke aus...
Wenn man meine Page in FF oder Opera ansieht, so solls aussehen... wenn man sie im IE ansieht werden die Backgroundbilder die den Rand bilden nicht komplett angezeigt und von anderen Elementen überlagert, die normalerweise darunter sind...
Ausserdem sind die Abstände im IE ganz anders, sodass zwischen den Elementen Striche entstehen die nicht erwünscht sind... habe herrausgefunden wie ich extra für IE nen Stylesheet einfügen kann, das nur IE ließt aber mit diesem veränderten Box-Modell vom IE komm ich trotzdem nicht klar...
Schau dir die unterschiede doch einfach an. Einmal IE benutzen, dann FF und dann mal Opera... hier nochmal der link: http://nils.joehanson.de
MfG Neals
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1686
|
| Verfasst am: 23.03.2006, 18:04 Titel: |
|
|
Hm, den Quelltext finde ich etwas unübersichtlich (Stichwort div-Suppe), allerdings könnte es sein, dass dein Problem durch den Box-Modell-Fehler des Internet Explorers resultiert (Siehe dazu: http://de.selfhtml.org/css/formate/box_modell.htm ).
MfG,
chris
PS: versuch doch mal, bei der Navigation auf eine Liste zurückzugreifen, damit du den ganzen Quelltext etwas übersichtlicher kriegst. Und ich bin sicher, dass sich der Rest auch mit weniger divs realisieren lässt
@ohno: Danke für den Hinweis, afaik wäre wohl wirklich passender. Ich habe mich nur (leider) an dieses Kürzel so gewöhnt, dass ich es einfach überall benutze (Was imo auch nicht sooo schlimm ist )
|
|
| Nach oben |
|
|
Neals
Neuer [User]
Anmeldung: 14.03.06
Beiträge: 5
|
| Verfasst am: 23.03.2006, 19:28 Titel: |
|
|
Naja ich brauch ja für jeden Rand ein div... das heisst oben rechts links und rechts... dann noch für jede Ecke... das sind nochmal 4 also schonmal 8... und dann habe ich noch 1 für den inneren Hintergrund und eine ID zur direkten anwahl... da ich das ja in einem Templatesystem mit PHP Ausgebe benutzt er ja jedes mal die gleichen divs... für mich ist das kein Umstand....
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1686
|
| Verfasst am: 23.03.2006, 23:53 Titel: |
|
|
den inneren Hintergrund kannst du dir z.B. sparen indem du die Hintergrundfarbe dem ersten DIV zuweißt. Damit sich der Inhalt nicht über den Rahmen legt musst du ihn halt mit padding richig ausrichten. Die direkte Anwahl per ID kann ich leider nicht ganz nachvollziehen, ist ja aber auch egal
|
|
| Nach oben |
|
|
|
|
Hier ein Beispiel
