Hallo!
Auf meiner Homepage http://www.html.de/www.mmk-aurolzmuenster.at.tt weicht der Fotostreifen (siehe unter "Fotoalbum" - irgendeine Unterseite) in der Anzeige im Internet Explorer 8 ab (in firefox und Google Chrome stimmt's!): statt wie geplant von links nach rechts zu verlaufen, geht er von oben nach unten! Weiß jemand, welchen Befehl ich genauer oder anders definieren muss, oder ist das gar nicht möglich?
danke...
Fotostreifen weicht in IE ab!
-
-
ich seh kienen unterschied
-
Doch, bei IE 8 (und Windows XP ???) gibt's einen Unterschied...
-
hab den ie8 und ie7 kompat getestet unter win7 x64 enterprise
-
Also, ich sehe den von der Threaderstellerin beschriebenen Effekt auch, unter Win XP IE 8.0. Irgendwie scheint der IE8 entweder die Höhenangabe zu ignorieren oder einen zu großen Außenabstand zu nehmen, vielleicht kann man es mit max-height lösen.
Hier noch Link zu einem Screenshot http://i48.tinypic.com/i5r9ko.png -
oh ja, hab des net richtig gelesen, als ich fotostreifen sah hab ich bereits den ie geöffnet und mir den schmalen strifen auf der startseite angesehen...
dickes sorry.also der unterschied ist die vertikale und die horizontale anordnung der bilder oder?
naja deine bilder bei der jahreshauptversammlung sind 400x300 pixel und du gibst dem div photo_strip ne breite von 630 px, da is also kein platz mehr für weitere bilder.
eigentlich frage ich mich grad wieso ausgerechnet firefox das richtig anzeigt, denn an sich interpretiert der ie das ausnahmsweise mal so, wie ich es auch erwarten würdealso gib dem div mal nur die height mit, die der container da drin hat und keine breite..
dann musste mal den li-elementen nen float:left geben, damit die nebeneinander sind und dann sollte es auch fruchten -
Hi!
Danke für den Rat, aber wenn ich die "width" weggebe, ...
1. ohne "float left" und mit "float left" bei den einzelnen Bildern ergibt folgendes (siehe Anhang - Bild 1)
2. mit "float left" bei den li-Elementen im "Container ergibt Bild 2 (Anhang).Funktioniert leider nicht...
-
Die korrekte URL deiner Webseite ist: http://aurolzmuenster.bplaced.net/
Und wenn ich mir mal eine Fotogalerie anschaue, dann stimmt beim Doctype etwas nicht. Siehe: http://validator.w3.org/check?verbose=…rsammlung09.htm
Das scheint bei allen Galerien so zu sein. Korrigier das mal
-
stimmt.. ich hatte ja auch nen denkfehler drin, der strip braucht ne feste breite und der conteiner ne feste höhe und die li-elemente brauchen nen float:left; alternativ statt des floatings kannste ja auch mal nen display:inline; probieren.
wobei der korrekte doctype natürlich auch wichtig ist, damit das boxmodell richtig interpretiert wird
-
1. Meinst du, dass ich das "display:inline;" in den Teil nur für den IE7 und später schreiben soll, also:
HTML
Alles anzeigen<!--[if lte IE 7]> <style> #container { width:630px; scrollbar-arrow-color: #eee; scrollbar-3dlight-color: #2672A3; scrollbar-highlight-color: #eee; scrollbar-face-color: #2672A3; scrollbar-shadow-color: #eee; scrollbar-darkshadow-color: #2672A3; scrollbar-track-color: #888; } #container ul li {display:inline; zoom:1; height:390px; display:inline;} * html #container {height:470px; he\ight:430px;} </style> <![endif]-->
oder sollte es woanders hin???!?
2. Der Fehler, der unter http://validator.w3.org/check?verbose=…rsammlung09.htm angegeben wird, bezieht sich auf das "<"-Zeichen bei "<html>" - das kann ja aber nicht falsch sein!
-
Schau dir nochmal deinen Doctype genau an. Er ist nicht richtig zu Ende geführt.
-
Häh, stimmt ja! Aber wieso? Und wieso ist der DocType in meinem Originaldokument anders, als wenn ich mir den Seitenquelltext im Internet anzeigen lasse?
-
Das weiß ich nicht. Was hast du denn im Originaldokument genau stehen?
-
Ups, tut mir Leid, hab mich verguckt!
Habs jetzt überall ausgebessert. Und bei 2010-Schifahrn auch das "display:inline;" eingefügt. Könnte mir jemand mit IE 8 (hab ihn nicht drauf) sagen, ob's jetzt passt (d.h. horizontale Bildlaufleiste)?
-
Hey, hab jemanden schauen lassen, aber leider besteht der Unterschied immer noch! ... wieso?
-
Könnte an den immernoch vorhandenen HTML-Fehlern liegen:
http://validator.w3.org/check?verbose=…rsammlung09.htmDann nimm mal bei #container das overflow raus und setz es bei #photo_strip ein. Dir geht es ja um einen Scrollbalken in der X-Achse, also ist hier die Breitenangabe wichtig die Du in #photo_strip setzt und nicht bei #container.
-
Dann sieht's aber so aus wie im Anhang (horizontaler und vertikaler Scrollbalken)...
Die Fehler ("there is no attribute X") versteh ich großteils nicht, denn ich Angaben hab ich alle aus der HTML-Kurzreferenz, und das sollte ja doch stimmen, außerdem werden sie ja richtig interpretiert. Und die anderen Fehler dürften auch nicht mit meinem oben beschriebenen Problem zusammenhängen...
-
Nutze
auch wenn die -x und -y keine offiziellen Eigenschaften sind werden sie von allen aktuellen Browsern unterstützt.
Zitathere is no attribute "LEFTMARGIN"
etc. heißt, dass diese Attribute bei dem von dir gewählten Doctype nicht zulässig sind. Zudem entsprechen sie keinem sauberen HTML-Code, da sie ursprünglich für die Gestaltung gedacht waren. Gestaltung macht man mit CSS, nicht mit HTML. Daher ein doppelter Grund diese Dinger rauszuschmeißen.
-
Oki doki, is schon online... Könnte mir bitte eventuell wer nachschauen, wie's aussieht...?
-
Ich sehe genau den falschen Effekt. Alle Bilder untereinander statt nebeneinander.
-