problem mit CSS Boxen

garfield1711 · 08.08.2009

Hallo,

Bin dabei eine neue Hp für unseren Verein zu gestalten und habe das Problem das die CSS Boxen im IE8 nicht richtig dargestellt werden.
Im Firefox wird diese Seite richtig dargestellt.
Habe die Seite mal hier hochgeladen.

Könnt Ihr mir helfen damit die Darstellung im IE auch so ist wie im Firefox?

Ich Danke Euch schon mal im voraus für Eure Mühe.

Gruß
Garfield

Designerist · 08.08.2009

AW: problem mit CSS Boxen

Lass die Seite mal durch den Validator - es hat Fehler im Code. Korrigiere das mal alles, könnte sein, dass die Anzeige dann passt. Ich mache es oft so und es funzt in den meisten Fällen.
Grüsse, Designerist

garfield1711 · 08.08.2009

AW: problem mit CSS Boxen

jmatt schrieb:
bei mir sind die einträge des drop-down-menüs sind richtig untereinander angeordnet, sondern immer verschoben... soll das so sein? nutze ff, v 3.0.13

Normalerweise sollen die Einträge im Dropdown untereinander sein.
Das muß ich noch einstellen.
Ich muß auch sagen das ich mich erst in CSS einarbeite und noch kein Fachmann bin.
Deshalb bin ich Euch sehr dankbar für Eure Hilfe.

AlexanderBo · 08.08.2009

AW: problem mit CSS Boxen

moin...
IE mag wohl immanoch kein "petting" PADDING ;-)

garfield1711 · 08.08.2009

AW: problem mit CSS Boxen

Designerist schrieb:
Lass die Seite mal durch den Validator - es hat Fehler im Code. Korrigiere das mal alles, könnte sein, dass die Anzeige dann passt. Ich mache es oft so und es funzt in den meisten Fällen.
Grüsse, Designerist

Habe die Seiten durch den Validator laufen lassen und die Fehler behoben.
Wird jetzt alles grün angezeigt.
Trotzdem ist der Text bei Geschichte im IE( immer noch die falsche Darstellung.
Was nun?

Shuilar · 08.08.2009

AW: problem mit CSS Boxen

jetzt validierst Du noch die Fehler im CSS ... da sind auch noch 8 Stück drin.

Wir wollen Dich nicht nerven, aber so wird es einfach den Fehler einzugrenzen. Eigentlich habe ich nach "float" oder "inline" gesucht ... seh es aber im Moment noch nicht.

Ach ja .. der HTML-Validator meckert immernoch den den Doctype an ... korrigier das am besten auch gleich noch, da sonst auf den Validator nicht zwingend Verlass sein muss.

LG
Shu

Schlachtweib · 08.08.2009

AW: problem mit CSS Boxen

also..... ich bin mi rnicht so sicher ob ich da richtig liege, aber ganz oben im Quelltext ist der Inhalt noch schön in DIV-Containern untergebracht....

Die Ordnung mit den Containern hat jedoch ab dem Menu ein Ende...

Der gesamte Content liegt einfach so in "<p>´s" verpackt in der Seite rum.....

Da wunderts mich nicht das die Darstellung fehlerhaft ist.
Ich habs getestet mit dem IE 6 .... funktionieren tuts bei mir nur im FF3.5.1

stroyer · 08.08.2009

AW: problem mit CSS Boxen

Also ich erkenne im IE 8 kein Problem (mehr).
Wenn doch, wird er vermutlich im Quirks-Mode gelandet sein.
Über einen (für den IE 8 akzeptable)/korrekten Doctype lässt sich viel in der Richtung korrigieren.
Bei XHTML sollte die erste Zeile übrigens folgende sein:
<?xml version="1.0" ?>

garfield1711 · 08.08.2009

AW: problem mit CSS Boxen

Shuilar schrieb:
jetzt validierst Du noch die Fehler im CSS ... da sind auch noch 8 Stück drin.

Wir wollen Dich nicht nerven, aber so wird es einfach den Fehler einzugrenzen. Eigentlich habe ich nach "float" oder "inline" gesucht ... seh es aber im Moment noch nicht.

Ach ja .. der HTML-Validator meckert immernoch den den Doctype an ... korrigier das am besten auch gleich noch, da sonst auf den Validator nicht zwingend Verlass sein muss.

LG
Shu

So, habe alles korrigiert.
Der Validator zeigt jetzt grün an.
Aber im IE Explorer stimmt es immer noch nicht.
Ihr nervt auch nicht, immerhin habe ich Euch ja um hilfe gebeten.

garfield1711 · 08.08.2009

AW: problem mit CSS Boxen

Schlachtweib schrieb:
also..... ich bin mi rnicht so sicher ob ich da richtig liege, aber ganz oben im Quelltext ist der Inhalt noch schön in DIV-Containern untergebracht....

Die Ordnung mit den Containern hat jedoch ab dem Menu ein Ende...

Der gesamte Content liegt einfach so in "<p>´s" verpackt in der Seite rum.....

Da wunderts mich nicht das die Darstellung fehlerhaft ist.
Ich habs getestet mit dem IE 6 .... funktionieren tuts bei mir nur im FF3.5.1

Wie sollte es dann aussehen?
Wo liegt mein Fehler?
Bin noch am lernen.
Bin dankbar für jede hilfe.

stroyer · 08.08.2009

AW: problem mit CSS Boxen

Bei mir schauts im IE 8 gleich wie im FF aus.

Shuilar · 08.08.2009

AW: problem mit CSS Boxen

Schlachtweib schrieb:
Der gesamte Content liegt einfach so in "<p>´s" verpackt in der Seite rum.....

Hi Garfield,

pack mal den gesamten Inhalt in ein <div> ... sollte es dann noch immer nicht gehen, dann probier mal mit <div style='clear:both;'>

Wenn ich den jetztigen Quelltext einfach so schnappe ohne irgendwelche Styles und Javascript-Geschichten, dann wird der Text korrekt bei mir im IE6 angezeigt.

Ich tippe mal ganz stark darauf, dass mit dem Menü irgendwas nicht so passt.

Wo ist eigentlich auf der Seite ein Flash?

Code:

<script type="text/javascript" src=""></script>
<script type="text/javascript">
swfobject.embedSWF("http://www.virb.com/external/video/10356/MsOGibJlcnVwzc26YS7fJp054ayyiGkt", "wmfg", "980", "540", "9.0.0", false,
	false,
	{wmode:"opaque",quality:"high",bgcolor:"#000000",salign:"tl"},
	{id:"wmfg",name:"wmfg"}
);
</script>

LG
Shu

garfield1711 · 08.08.2009

AW: problem mit CSS Boxen

stroyer schrieb:
Also ich erkenne im IE 8 kein Problem (mehr).
Wenn doch, wird er vermutlich im Quirks-Mode gelandet sein.
Über einen (für den IE 8 akzeptable)/korrekten Doctype lässt sich viel in der Richtung korrigieren.
Bei XHTML sollte die erste Zeile übrigens folgende sein:
<?xml version="1.0" ?>

stroyer schrieb:
Bei mir schauts im IE 8 gleich wie im FF aus.

Habe mal einen Screenshot von meiner IE8 Ansicht gemacht.
Habe die Ansicht auf 50% verkleinert damit das Ausmaß sichtbar wird.

stroyer · 08.08.2009

AW: problem mit CSS Boxen

Ah, das habe ich, wenn ich den Quirksmode aktiver. Drücke F12 und dann Alt+8.

garfield1711 · 08.08.2009

AW: problem mit CSS Boxen

stroyer schrieb:
Ah, das habe ich, wenn ich den Quirksmode aktiver. Drücke F12 und dann Alt+8.

Und was muß ich da jetzt machen?

stroyer · 08.08.2009

AW: problem mit CSS Boxen

Nichts. Dann sollts gehen (Browser- und Document-Mode auf IE8 )

garfield1711 · 08.08.2009

AW: problem mit CSS Boxen

stroyer schrieb:
Nichts. Dann sollts gehen (Browser- und Document-Mode auf IE8 )

Habe ich gemacht und die Darstellung in meinem IE8 stimmt jetzt.
Jetzt habe ich die Seite mal auf dem Laptop aufgerufen und da haben wir wieder das selbe Problem.
Die Seite soll ja bei jedem Besucher richtig angezeigt werden ohne das man erst erklären muß welche Tastenkombination er zu drücken hat.
Gibt es noch ne andere Lösung?

stroyer · 08.08.2009

AW: problem mit CSS Boxen

Welche IE8-Version benutzt du? Bist du in der Kompatibilitätsansicht?
Füg mal das <?xml version="1.0" ?> hinzu.
Es hat auf jeden Fall mit einem nicht akzeptierten Doctype bezüglich Inhalt zu tun.

garfield1711 · 08.08.2009

AW: problem mit CSS Boxen

stroyer schrieb:
Welche IE8-Version benutzt du? Bist du in der Kompatibilitätsansicht?
Füg mal das <?xml version="1.0" ?> hinzu.
Es hat auf jeden Fall mit einem nicht akzeptierten Doctype bezüglich Inhalt zu tun.

Habe ich hinzugefügt, steht im Quelltext jetzt in der ersten Zeile.
Es tut sich aber immer noch nichts.

Möchte mich zwischendurch auch nochmal für Eur Geduld bedanken und mich für meine Unwissenheit entschuldigen.

stroyer · 09.08.2009

AW: problem mit CSS Boxen

Probier mal:

HTML:

<?xml version="1.0" encoding="utf-8"?>
<!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="de" lang="de">

(inklusive dem Zeilenumbruch)