Div container verschwindet

Hallo!
Ich habe mir letztens ein Template runtergeladen und ein wenig verändert. Nun ist es so, dass der div container meiner Navi im Internet Explorer verschwindet. Im Firefox ist alles normal. Ich vermute, dass es an einer negativen margin - Angabe liegt, bin mir aber nicht sicher und weiß auch nicht, wie ich das Problem beheben kann.
Es wäre toll, wenn sich das vielleicht mal jemand anschauen könnte.

http://www.steiger4.de/test/etomite/index.php

Die CSS Datei ist hier zu finden:

http://www.steiger4.de/test/etomite/templates/steige…

Dann bedanke ich mich schon mal vielmals im Voraus!
Mit freundlichen Grüßen
Christoph

Nun ist es so, dass der div container meiner Navi
im Internet Explorer verschwindet.

Ich habe hier keinen IE, aber der margin-left:100% verwirrt mich etwas. Damit schiebst Du das Teil ja links eine komplette Fensterbreite aus dem Fenster raus. Wundert mich eher, dass das Ding im FF noch zu sehen ist.

weiß auch nicht,
wie ich das Problem beheben kann.

Logisch ist die Angabe für mich jetzt nicht, also kannst Du damit rumspielen und es versuchen, auf diese Weise zu beheben.

Es wäre toll, wenn sich das vielleicht mal jemand anschauen
könnte.

Mir sind nur andere Dinge aufgefallen, die ich jetzt einfach mal unverbindlich notiere:

  1. Wozu das div „header“? Welche Gruppe von anderen Elementen umschließt das? Ich sehe da nur einen Link drin. Dazu brauchts kein div.
  2. Wieso ein div für den header? Ein header ist doch eine Überschrift, warum das also nicht als Überschrift auszeichnen?
  3. Was ist an „Steiger dich rein…“ eine Überschrift? Für mich ist das Fließtext. Vermutlich wolltest Du die ersten drei Worte des Textes nur anders visualisieren? Soll das Ganze betont werden, dann benutze em oder strong. Wolltest Du es nur anders darstellen, dann benutze ein span und formatiere das Aussehen mit CSS. h1 ist IMHO das Logo (s.o.). Wenn das hier ne Überschrift werden soll, dann wäre das also h2. Der nachfolgende Text ist nicht ausgezeichnet. Benutze „p“ für normale Absätze.
  4. etoNotice ist auch nicht richtig ausgezeichnet. Irgendwas muss das darstellen, für das es ein Tag gibt. Im Zweifelsfalle wohl eher „p“ als „div“.
  5. Kritischer Fehler: Durch das this.blur() in Deiner Navigation nimmst Du Deinen Besuchern die Möglichkeit, mit der Tastatur zu navigieren. Baue das unbedingt aus!

Gruß,
-Efchen

Hallo!

Die CSS Datei ist hier zu finden:
http://www.steiger4.de/test/etomite/templates/steige…

Wie Efchen schon sagte, die „margin-left:-100%“ sind quark,
daß das geht ist Rainer Zuphal.
Versuch mal:

 ...
 #leftcolumn {
 position:absolute;
 width:15%;
 margin-left:0%;
 border:1px solid white;
 float:none;
}

Du kannst hier nicht left-floaten, weil Dein
#leftcolumn *hinter* dem #contentwrapper
im .html kommt.

Grüße

CMБ

Hallo Christoph,

ich hab mal Dein html und das css etwas abgeändert. Du kannst es Dir unter http://www.4uweb.de/steiger ansehen und evtl. kopieren. Das css habe ich einstweilen in die index mit aufgenommen. Das mußt du halt wieder al externe Datei anlegen.

CU Fr@nkie

The Truth Is Out There… ;o)

Dann bedanke ich mich schon mal vielmals im Voraus!
Mit freundlichen Grüßen
Christoph