Website im inet-explorer nicht richtig angezeigt

[hokage555]

Hi Leute,

Folgende website:
Bilderkatalog/Startseite

wird im firefox genau, wie es sein soll dargestellt.
im internet explorer jedoch nicht.
ich vermute, dass es am css design liegt, bin mir aber nicht sicher.
hab auch so schon oft von problemen mit dem explorer gehört und das man die irwie lösen kann.

hoffe ihr könnt mir helfen, denn die seite sollte in beiden browsern richtig angezeigt werden.

grüße hokage

 

[Loon3y]

Hi Leute,

Folgende website:
Bilderkatalog/Startseite

wird im firefox genau, wie es sein soll dargestellt.
im internet explorer jedoch nicht.
ich vermute, dass es am css design liegt, bin mir aber nicht sicher.
hab auch so schon oft von problemen mit dem explorer gehört und das man die irwie lösen kann.

hoffe ihr könnt mir helfen, denn die seite sollte in beiden browsern richtig angezeigt werden.

grüße hokage

W3C CSS Validator results for http://hokage.bplaced.net/startseite.php (CSS level 2.1)

margin:left;0.8em

da is z.b. ein fehler, esheißt "margin-left:0.8em;" :)


[Invalid] Markup Validation of http://hokage.bplaced.net/startseite.php - W3C Markup Validator

Korregiere mal die Fehler, bzw schau mal ob diese dafür der Grund sind :)

Gruß und viel Erfolg
Loon3y

 

[hokage555]

das margin, war ein schreibfehler xD
habs korrigiert.
die anderen fehler im html code check ich nit.
mein editor zeigt mir alles rihtig an.

nichts desto trotz macht der inet-explorer immer noch nicht das was er soll:

die seite richtig anzeigen^^

hat noch jemand lösungsvorschläge?

grüße hokage

 

[Efchen]

Behebe die Fehler. Egal ob Du die checkst oder nicht, sie können die Ursache von Problemen sein. Sie einfach zu ignorieren hilft nicht.

1. Du hast XHTML gewählt. In XHTML muss man alle Tags schließen. Inhaltsleere Tags, wie <link> schließt man so: <link ... />
2. Im <img>-Tag ist das Attribut "alt" Pflicht. Füge es hinzu und gib einen sinnvollen Alternativtext an.

Der Rest müssten Folgefehler sein.

 

[Loon3y]

Efchen hat schon alles erwähnt, um es dir an deinen fehlern zu zeigen:

falsch

<link rel="stylesheet" href="design.css" type="text/css"[B]>[/B]

richtig

<link rel="stylesheet" href="design.css" type="text/css" [B]/[B]>[/B][/B]

falsch

<img src="pics/banner.jpg" class="banner"/[B]>[/B]

richtig

<img src="pics/banner.jpg" class="banner" [B]alt="banner" [/B]/[B]>[/B]

für alt="banner" kannst du auch eine andere beschreibung für dein Bild einfügen, hab es jetzt mal "banner" genannt, weil ich annehme das es ein banner ist. ;D der "alt"-tag soll das Bild beschreiben. Das ist wichtig für Suchmaschinen und Browser die keine Bilder anzeigen. (lynx um ein Beispiel zu nennen).

Grüße und weiterhin viel Erfolg

Loon3y

 

[hokage555]

also ich hab den link/tag wie ihr gesagt habt ge'ndert und das attribut alt dem bannerpic hinyugef[gt.

trotydem wird die seite immernoch im i/explorer komplett veryerrt und komisch angeyeigt.

hoffe ihr habt noch ideen

 

[Loon3y]

also ich hab den link/tag wie ihr gesagt habt ge'ndert und das attribut alt dem bannerpic hinyugef[gt.

trotydem wird die seite immernoch im i/explorer komplett veryerrt und komisch angeyeigt.

hoffe ihr habt noch ideen

Auch den fehler im css ausgebessert und die datei hochgeladen? Poste doch bitte mal einen Screenshot von deiner Falschdarstellung, bzw schreibe was da anders aussieht. Dann können wir dir besser helfen :-) dein CSS-Code wäre auch hilfreich.

 

[neuroleptika]

Das geht nicht:

.banner {
height:100%;
margin-bottom:0.8em;
width:100%;
}

Im Opera 9.2 wird das Bild überhaupt nicht angezeigt.
Im IE7 ist es unstabiel.
Das Bild hat eine Höhe von 150px;
Height 100% sollte vom Elternelement berechnet werden. Dieses hat aber kein height (body).
Bilder lassen sich ohnehin vom Browser nicht schön skalieren.

Die Breiten (width) hast du für <a> notiert. Das gilt für inline-Elemente normalerweise nicht.

Gebe dem ganzen Block (ul) eine Breite die auch für das längste Wort luftig passt (in em)

a braucht display: block um sich auf die gesamte Listenbreite auszudehnen.
Zumindest der IE5-6 sollte außerdem layout für <a> bekommen ( z.B. width:100%; ).
suche: haslayout IE.
haslayout ist eine Wichtige Besonderheit des IE.

 

[hokage555]

hi
ich will nur noch mal nachfragen, ob ich das richtig verstanden habe^^

das banner pic soll ich also pixelgetreu anzeigen lassen. d.h. in meinem fall:
width:1024px;
height:150px;

ach ja und was ist ein elternelement?
sry aber versteh ich nicht.

zu der navigation:

habe dem div, der die navi umschließt eine breite von 19em gegeben und die breiten und höhenangaben innerhalb der links gelöscht.
hoffe das war richtig^^

wie grad schon erwähnt habe ich <a> und <ul> gar nicht definiert. nur indirekt über klassen xD

aber ich denke, dass macht dann ja keinen unterschied^^

also hab ich dich so richtig verstanden???

 

[hokage555]

bräuchte wirklich dringend ne lösung dafür^^
bin auch mit leichten abweichungen am design zufrieden, aber nicht mit SOLCHEN.

ach ja noch etwas:
auch wenn diese oben angesprochenen dinge klappen, so hat der inet explorer immernoch probleme mit dem js was ich in die navigation eingebau habe.
um euch das anzusehen, müsst ihr auf der website einfach mal nen anderen menupunkt wählen.
hoffe, dafür gibts auch ne lösung^^

bitte bitte helft

und nicht böse sein, wenn ich etwas schwer von begriff bin.

gruß hokage

 

[neuroleptika]

hi
ich will nur noch mal nachfragen, ob ich das richtig verstanden habe^^

das banner pic soll ich also pixelgetreu anzeigen lassen. d.h. in meinem fall:
width:1024px;
height:150px;

Ja.

ach ja und was ist ein elternelement?

Das Elternelement ist das Element welches sein Kinderelement umspannt:

<div>
<p> .. </p>
</div>

<div> währe das Elternelment von <p>
Wenn <div> height:500px und <p> height: 50% zugewiesen würden hätte <p> eine Höhe von 250px.
Ob das über in eine Klasse geschieht oder im style-Tag spielt zunächst keine Rolle.

habe dem div, der die navi umschließt eine breite von 19em gegeben und die breiten und höhenangaben innerhalb der links gelöscht.
hoffe das war richtig^^

Zumindest ist es nicht verkehrt.
Dann müßte aber auch das <div> gefloatet werden und nicht <ul>
Du könntest width auch gleich <ul> zuweisen, dann währe das <div> überflüssig. Ich würde es aber so lassen. Das <div> kannst du später bestimmt noch gebrauchen.

wie grad schon erwähnt habe ich <a> und <ul> gar nicht definiert. nur indirekt über klassen xD

Das ist schon ok so.

also hab ich dich so richtig verstanden???

Insgesamt habe ich den Eindruck das du es verstanden hast.
Trotzdem würde ich dir ein Buch anraten.

Über http://subdomain.domain.ne/ wird das ganze Verzeichnis aufgelistet. Das darf auf keinen Fall so bleiben.
Frage deinen Hoster wenn du dich damit nicht auskennst. Vielleicht sperrst du besser die ganze Seite bis das geklährt ist.

 

[Efchen]

<img src="pics/banner.jpg" class="banner" [B]alt="banner" [/B]/[B]>[/B]

für alt="banner" kannst du auch eine andere beschreibung für dein Bild einfügen, hab es jetzt mal "banner" genannt, weil ich annehme das es ein banner ist.

Du solltest es sogar anders nennen als "banner", denn mit "banner" kann der Nutzer nichts anfangen. Hier soll keine Beschreibung dessen rein, was das Bild darstellt, sondern ein ALTernativtext. Dieser Text wird angezeigt, wenn das Bild nicht dargestellt werden kann. Und wenn das der Fall ist, soll der Text aussagekräftig und sinnvoll sein. Stell mal in Deinem Browser die Bilder ab oder gib als URL für das Bild eine falsche an. Nur wenn Du mit dem Text, der jetzt ausgegeben wird, etwas anfangen kannst als Nutzer, ist er gut gewählt.
Wenn Du keinen sinnvollen alt-Text findest, liegt es vielleicht daran, dass es ein Fehler war, das Bild per <img>-Tag einzubinden. Denn wie es bei der Trennung von Inhalt und Layout schon funktioniert: HTML ist für den Inhalt. Es macht auch bei Bildern eigentlich nur Sinn, etwas per <img> einzufügen, wenn es sich um Inhalt handelt. Ist das Bild nur Zierde/Beiwerk/Design, dann sollte es vielleicht besser als background.image per CSS eingebunden werden.

Gruß,
-Efchen

 

[hokage555]

Über http://subdomain.domain.ne/ wird das ganze Verzeichnis aufgelistet. Das darf auf keinen Fall so bleiben.
Frage deinen Hoster wenn du dich damit nicht auskennst. Vielleicht sperrst du besser die ganze Seite bis das geklährt ist.

Warum darf das denn auf keinen fall so bleiben? was ist schlimm daran? Wie kann ich das denn ändern und wie kann ich überhaupt meine seite sperren?
soll ich die upgeloadeten datein für die zeit entfernen oder was muss ich machen?

zu dem eigentlichen thema:

Ich hab alles so gemacht, wie du es gesagt hast, aber wenn ich die breiten und höhenangaben innerhalb der links weglasse und das ganze mit display:block mache bringt das nichts^^ die links werden nur so groß wie gerade nötig angezeigt und ersträcken sich nicht über die gesamtbreite der navigation.

Wie schaffe ich es, dass das javascript, welches in der navigation eingebaut ist, im inet-explorer richtig funktioniert?

wenn ich dem bannerpic eine feste größe zuordne, wird es zwar im inet-explorer angezeigt, aber logischer weise füllt es bei höhren auflösungen nicht mehr den kompletten bildschirm aus. das problem dabei ist, dass das div in dem die bilder der gallarien angezeigt sind, nur rechts gefloatet ist und deshalb werden die bilder auch neben dem banner angezeigt und das soll ja nicht so sein. wie kann ich also den div genau positionieren?

Hoffe es gibt für meine fragen irgendwelche antwworten und lösungen.

grüße hokage

 

[Efchen]

wenn ich dem bannerpic eine feste größe zuordne, wird es zwar im inet-explorer angezeigt, aber logischer weise füllt es bei höhren auflösungen nicht mehr den kompletten bildschirm aus.

Nichts im WWW füllt den ganzen Bildschirm aus. Es wird höchstens der ganze Viewport des Browserfensters ausgefüllt. Das ist ein himmelweiter Unterschied zur Auflösung oder zur Bildschirmgröße...

Das mal so nebenbei wieder angemerkt, weil das Gerücht einfach nicht aussterben will...

 

[hokage555]

schön und gut xD
da du dann ja auch weißt wie ich das meine, hast du auch eine lösung für mein problem?