Fahrtenbuch genial!
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 25.02.2008, 13:23   #1
TP-Member
 
Registriert seit: Jul 2004
webdesign86 macht alles soweit korrekt

Falsche Darstellung im IE6


Hallo,

ich musste leider gerade feststellen, dass meine Website (http://www.neu.memmingen-indians.de) im Internet Explorer 6 falsch dargestellt wird. Am schlimmsten wirkt sich dies auf die Navigation aus (siehe Screenshot im Anhang). Ich habe festgestellt, dass ich in der navigation.php keinen Doctype hatte. Doch wenn ich
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
einfüge, wird die Website im IE6 trotzdem noch falsch dargestellt. Die Navigation habe ich in der index.php included. Was habe ich falsch gemacht?
webdesign86 ist offline   Mit Zitat antworten


Alt 25.02.2008, 13:46   #2
TP-Moderator
 
Benutzerbild von StephanF
 
Registriert seit: Feb 2003
Ort: Erfurt
StephanF ist ein richtiges Arbeitstier - DANKEStephanF ist ein richtiges Arbeitstier - DANKEStephanF ist ein richtiges Arbeitstier - DANKEStephanF ist ein richtiges Arbeitstier - DANKE
Zitat:
Ich habe festgestellt, dass ich in der navigation.php keinen Doctype hatte
Deine Navi braucht keinen Doctype. Macht auch keinen Sinn, der soll ja am Anfang einer (X)HTML Datei stehen und reicht einmal in der index.php. So ist die Doctype bei dir im Moment auch nochmal mitten im Quelltext.
__________________
Schöne Grüße aus Thüringen
Stephan Page

Stell Dir vor, hier steht was und keiner liest es!! schon entdeckt?? F1 ist ne geile Taste
Ich beantworte keine E-Mails. Bitte alle Fragen ins Forum

schon gehört??? Das Internet ist voll, die lassen keinen mehr rein!!
StephanF ist offline   Mit Zitat antworten
Alt 25.02.2008, 14:16   #3
TP-Member
 
Registriert seit: Jul 2004
webdesign86 macht alles soweit korrekt
Alles klar. Doch mir ist es ein Rätsel warum die navigation falsch dargestellt wird, egal ob mit oder ohne Doctype.
webdesign86 ist offline   Mit Zitat antworten
Alt 25.02.2008, 15:03   #4
TP-Member
 
Registriert seit: Jul 2007
Ort: München
epiK ist auf einem guten Weg
Kennst Du sowas? ->validator

Mag hier vll. nicht der Grund sein, aber doch auch bestimmt für Dich nicht ganz uninteressant.

lg
epiK ist offline   Mit Zitat antworten
Alt 25.02.2008, 22:39   #5
TP-Member
 
Registriert seit: Jul 2004
webdesign86 macht alles soweit korrekt
Ich hab die Seite mal durch den Validator laufen lassen. Der HTML-Code der Navigation hatte einige Fehler. Die meisten davon konnte ich ausbessern. Dennoch wird sie im IE6 immer noch nicht richtig dargestellt. Die Hintergrundbilder (per CSS background-image eingebunden) werden nicht angezeigt und das Dropdown-Menu funktioniert nicht. Die Navigation ist übrigens von cssplay.com... Ich hoffe mir kann noch jemand weiterhelfen...
webdesign86 ist offline   Mit Zitat antworten
Alt 26.02.2008, 02:45   #6
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
Zitat:
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"-->
Du solltest das komplett raus nehmen, nicht nur in Kommentare setzen.

Der IE6 hat nämlich die "Eigenart", sofort in den Quirksmodus zu fallen, wenn vor dem DOCTYPE noch irgendetwas steht - und somit interpretiert er das CSS Boxmodel falsch und macht nicht das, was du dir vorstellst.
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 26.02.2008, 22:15   #7
TP-Member
 
Registriert seit: Jul 2004
webdesign86 macht alles soweit korrekt
Ok danke für den Tipp! Ich hab das jetzt rausgenommen... Allerdings funktioniert die Navi immer noch nicht

Ich habe das Menu #2 auf folgender Homepage verwendet: http://www.cssplay.co.uk/menus/drop_examples.html
Unter diesem Link funktioniert es im Internet Explorer 6 einwandfrei. Das heißt, ich muss beim Umbauen irgendwas falsch
gemacht haben. Ich komm nur nicht drauf was...

Geändert von webdesign86 (26.02.2008 um 22:55 Uhr).
webdesign86 ist offline   Mit Zitat antworten
Alt 27.02.2008, 06:44   #8
TP-Moderator
 
Benutzerbild von StephanF
 
Registriert seit: Feb 2003
Ort: Erfurt
StephanF ist ein richtiges Arbeitstier - DANKEStephanF ist ein richtiges Arbeitstier - DANKEStephanF ist ein richtiges Arbeitstier - DANKEStephanF ist ein richtiges Arbeitstier - DANKE
Auch im FF hauts nicht richtig hin. Die Werbung verdeckt die Navi
Miniaturansicht angehängter Grafiken
falsche-darstellung-im-ie6-ff.gif  
__________________
Schöne Grüße aus Thüringen
Stephan Page

Stell Dir vor, hier steht was und keiner liest es!! schon entdeckt?? F1 ist ne geile Taste
Ich beantworte keine E-Mails. Bitte alle Fragen ins Forum

schon gehört??? Das Internet ist voll, die lassen keinen mehr rein!!
StephanF ist offline   Mit Zitat antworten
Alt 27.02.2008, 06:50   #9
TP-Moderator
 
Benutzerbild von StephanF
 
Registriert seit: Feb 2003
Ort: Erfurt
StephanF ist ein richtiges Arbeitstier - DANKEStephanF ist ein richtiges Arbeitstier - DANKEStephanF ist ein richtiges Arbeitstier - DANKEStephanF ist ein richtiges Arbeitstier - DANKE
Schau Dir das mal an. Vielleicht hilfts ja weiter.
__________________
Schöne Grüße aus Thüringen
Stephan Page

Stell Dir vor, hier steht was und keiner liest es!! schon entdeckt?? F1 ist ne geile Taste
Ich beantworte keine E-Mails. Bitte alle Fragen ins Forum

schon gehört??? Das Internet ist voll, die lassen keinen mehr rein!!
StephanF ist offline   Mit Zitat antworten
Alt 04.03.2008, 17:22   #10
TP-Member
 
Registriert seit: Jul 2004
webdesign86 macht alles soweit korrekt
sorry für das Doppelposting. Unten steht die richtige Antwort
webdesign86 ist offline   Mit Zitat antworten
Alt 04.03.2008, 17:24   #11
TP-Member
 
Registriert seit: Jul 2004
webdesign86 macht alles soweit korrekt
Zitat:
Zitat von StephanF Beitrag anzeigen
Auch im FF hauts nicht richtig hin. Die Werbung verdeckt die Navi
Für dieses Problem gibt`s glaub ich auf cssplay.com eine Lösung.


Ich habe die Navigation nun nach viel Arbeit zum Glück größtenteils im IE6 zum Laufen gebracht Der IE6 erkennt die Hintergrundbilder nur wenn man sie folgendermaßen angibt:
Code:
background: url();
Mit
Code:
background-color:...
oder
Code:
background: #farbwert url ()
tut sich nichts. Gleichzeitig klappt mit diesen Angaben das Menu auch nicht auf. Vielleicht hilft das ja jmd. in Zukunft mal weiter.
Für den IE6 muss man außerdem noch zusätzliche CSS Angaben tätigen, sonst erkennt der dumme Hund gar nichts...

Allerdings habe ich jetzt noch das Problem, dass beim Unter-Untermenü ein Scrollbalken zu sehen ist obwohl ich die CSS-Deklaration, die dafür verantwortlich sein müsste rausgelöscht habe:
Code:
].menu2 ul li a:hover ul.scroller {
height:138px; overflow:auto;}
. Außerdem ist das Unter-Untermenu falsch positioniert. Bei beiden Problemen komme ich leider nicht auf die Lösung Kann mir jmd. weiterhelfen? Zu sehen ist die ganze Problematik auch noch auf dem angehängten Screenshot
webdesign86 ist offline   Mit Zitat antworten
Alt 04.03.2008, 17:25   #12
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
Doppelt hält besser?
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 06.03.2008, 11:16   #13
TP-Member
 
Benutzerbild von Ravelli
 
Registriert seit: Sep 2005
Ort: Altenbeken
Ravelli ist auf einem guten Weg
Guten Morgen webdesign86,

vielleicht hilft Dir der 'Star-HTML-Hack' Deine Seite zu optimieren. Mit ihm kannst Du CSS-Definitionen nur für den IE angeben. Viel Erfahrung habe ich damit noch nicht, da ich dies selbst erst gestern entdeckt habe. Aber probier es mal aus - hier ein Beispiel:

http://de.selfhtml.org/css/layouts/b...star_html_hack

Schönen Gruß aus dem kalten Eggegebirge,
Ravelli
Ravelli ist offline   Mit Zitat antworten
Alt 06.03.2008, 11:21   #14
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
Die beste Methode, um dem IE eine Extrawurst zu geben, ist die Zusatzangaben in ein zweites CSS zu schreiben und über CC (Conditional Comments) einzubinden.

So bleibt das Haupt-CSS sauber, beinhaltet keine Hacks von denen man nicht weiß, wie sie auf zukünftige Browser wirken, die anderen braven Browser erhalten keinen "Müll" und die IEs machen auch eher, was man will.
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 06.03.2008, 15:59   #15
TP-Member
 
Registriert seit: Jul 2004
webdesign86 macht alles soweit korrekt
@Ravelli: Vielen Dank für deinen Tipp! Das ist ein sehr interessanter Link!

@Boris: Ich hab das jetzt mal ausprobiert und folgendes in meine index.php
geschrieben:
Code:
 <!--[if IE]> <link href="CSS/design_ie.css" rel="stylesheet" type="text/css" media="screen"/><! [endif]-->
Trotzdem nimmt der sch*** IE6 das Stylesheet nicht an. Hab ich was falsch gemacht?
webdesign86 ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen
Falsche Darstellung im IE6 Falsche Darstellung im IE6
« <ul> in <span> | automatischer Preisrechner auf Website »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:30 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67