claudi22: Firefox / IE - und ein paar Fragen

Hallihallo,

nachdem ich mich seit letzter Woche mit CSS beschäftige und nun mein zweites Design teste (ich möchte einfach mal ein bisschen rumprobieren, bis ich mehr gelernt habe), stoße ich leider schon wieder an meine Grenzen.

Die Seite www.tier-fotografien.de/physio3.html sieht im Firefox eigentlich ziemlich so aus, wie ich sie wollte, außer dass sich meine Überschrift verschiebt, wenn man über den ersten Navigationsbutton fährt (warum eigentlich?).

Im IE hingegen klappt es mit der Navigation leider gar nicht. Einerseits sind die Unterkategorien zu weit nach rechts eingerückt und andererseits verschwindet mein content div viel zu weit nach unten, wenn man über einen Navigationsbutton mit Unterkategorie fährt. Ich hab zwar schon einiges nachgelesen, aber finde die Lösung leider nicht.

Was kann ich tun?

Grüßle, Claudi

  1. "Im IE hingegen klappt es mit der Navigation leider gar nicht. Einerseits sind die Unterkategorien zu weit nach rechts eingerückt und andererseits verschwindet mein content div viel zu weit nach unten"

    allerdings, bei mir sieht das auch ganz beschissen aus, ich rate dir: verwende ein geeignetes programm: Dreamweaver Demo oder Mac OS X iWeb,

    falls dich das ankotzt, rechne die positionen aus, das ist gar nicht so schwer, z.B. tippst hast du dann als x-wert:75 und als y-wert 105, also:

    <div style="position:absolute; top:105px; left:75px">Inhalt</div>

    oder

    <img style="position:absolute; top:105px; left:75px">Inhalt</div>

    usw.

    dann wird dir das div garantiert in jedem browser korrekt angezeigt :-),

    viel spaß und erfolg mit deiner seite!

    1. @@Florian:

      ich rate dir: verwende ein geeignetes programm: Dreamweaver Demo

      LOL.

      falls dich das ankotzt, rechne die positionen aus, das ist gar nicht so schwer

      Unsinn. Die Positionen sind abhänging von der beim Nutzer verwendeten Schriftgröße. Über die weiß ein Webseitenautor sehr wenig bis gar nichts.

      z.B. tippst hast du dann als x-wert:75 und als y-wert 105

      Folglich ist das Unfug.

      <div style="position:absolute; top:105px; left:75px">Inhalt</div>

      CSS-Angaben inline in 'style'-Attributen zu notiteren ist auch Unfug.

      dann wird dir das div garantiert in jedem browser korrekt angezeigt

      Garantiert nicht.

      Live long and prosper,
      Gunnar

      --
      Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)
      1. Ja, Gunnar, du hast ja recht,

        aber ich positioniere lieber meinen span richtig als falsch, ja! und wenn die schriftgröße vergrößert wird ist der punkt an dem es sitzt unverändert, die schrift zieht sich dann halt raus, wenn du mit grafiken arbeitest, klappt es, und das ist ziemlich unkompliziert.

      2. Meiner Meinung ist klarer besser,

        welcher webmaster passt seine seite der veränderten schriftgröße an? ab einem gewissen punkt ist das doch in der analen-phase stecken geblieben (Pedanterie), außerdem stellt kein mensch die schriftgröße in den browser-einstellungen anders ein, kurzfristig ja, wenn dir irgenwas mit 4px angezeigt wird, aber das ist es doch gar nicht wert, da mach ich lieber wieder das fenster zu.

        also:

        position:absolute (Wichtig!!!) und deine x-y-werte, perfekt!

        außerdem kann man genau mitteilen wie groß die schrift am anfang angezeigt wird

        <span style="font-family:verdana; font-size:11px">True</span>

        1. @@mailtoflorianbauer@yahoo.de:

          welcher webmaster passt seine seite der veränderten schriftgröße an?

          Mit Webmaster meinst du Webseitenautor?

          Welcher? Alle, die etwas von Webseitengestaltung verstehen.

          außerdem stellt kein mensch die schriftgröße in den browser-einstellungen anders ein

          Unsinn.

          kurzfristig ja,

          Nein, dauerhaft.

          wenn dir irgenwas mit 4px angezeigt wird, aber das ist es doch gar nicht wert, da mach ich lieber wieder das fenster zu.

          Und deshalb wird bei mir erst gar keine Schrift 4px klein angezeigt.

          Wenn du die Einstellung der Mindestschriftgröße noch nicht kennst, solltest du dich naher mit dem Einstellmöglichkeiten von Browsern beschäftigen.

          position:absolute (Wichtig!!!)

          Das sagte ich bereits.

          und deine x-y-werte, perfekt!

          Die Angaben von left und top sind in dem Falle weder erforderlich noch sinnvoll.

          außerdem kann man genau mitteilen wie groß die schrift am anfang angezeigt wird

          Nein, kann man nicht. Siehe oben.

          Live long and prosper,
          Gunnar

          --
          Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)
        2. Yerf!

          welcher webmaster passt seine seite der veränderten schriftgröße an?

          Jeder, der seine Inhalte nicht zum reinen Selbstzweck sondern für andere ins Web stellt. Bei ersteren stellt sich übrigens die Frage, weshalb sie überhaupt eine Webseite haben, die interessiert doch eh niemanden...

          außerdem stellt kein mensch die schriftgröße in den browser-einstellungen anders ein

          Danke für die Bestätigung, dass ich wohl doch ein Fuchs bin ;-)

          kurzfristig ja, wenn dir irgenwas mit 4px angezeigt wird, aber das ist es doch gar nicht wert, da mach ich lieber wieder das fenster zu.

          Bei Seiten nach deiner Vorgehensweise mach ich auch meist recht schnell das Browser-Fenster wieder zu...

          position:absolute (Wichtig!!!) und deine x-y-werte, perfekt!

          ...um sich als unfähig zu outen.

          außerdem kann man genau mitteilen wie groß die schrift am anfang angezeigt wird

          Das ist nur ein Vorschlag an den Browser und kann ignoriert werden (Mindestschriftgröße...)

          Gruß,

          Harlequin

          --
          <!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->
          1. also irre ich mich wenn ich behaupte dass

            <img src="blubb.jpg" style="position:absolute; left:1px; top:1px">

            in jedem browser der css unterstützt von netscape bis ipod safari am punkt (1/1) erscheint; ich glaube nicht das es um drawers geht?? also ist das doch ein simpler weg für anfänger, oder etwa nicht?

            Gute Nacht!

            1. Yerf!

              also irre ich mich wenn ich behaupte dass

              <img src="blubb.jpg" style="position:absolute; left:1px; top:1px">

              in jedem browser der css unterstützt von netscape bis ipod safari am punkt (1/1) erscheint;

              Radio Eriwan: kommt drauf an... und zwar wie man den Punkt (1/1) definiert und welche Elemente mit welcher Positionierung sich um das Bild herum befinden.

              ich glaube nicht das es um drawers geht??

              Mit Schubladendenken hast eher du angefangen...

              also ist das doch ein simpler weg für anfänger, oder etwa nicht?

              Nein. Denn selbst ein Anfänger wird sich wohl nicht mit einem einzigen Bild zufrieden geben. Und bei meheren Objekten wird absolute Positionierung schnell unübersichtlich und schwer beherrschbar...

              Gruß,

              Harlequin

              --
              <!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->
    2. Hi Florian,

      Dir auch lieben Dank. Hab mich gerade für eine andere Navigation entschieden. Das ist mir doch alles etwas zu kompliziert fürs Erste ;)

      Grüßle, Claudi

  2. @@claudi22:

    Die Seite www.tier-fotografien.de/physio3.html […]

    Verweise einbinden.

    außer dass sich meine Überschrift verschiebt, wenn man über den ersten Navigationsbutton fährt (warum eigentlich?).

    Weil du einfach nur ul#main-nav li:hover ul {display: block} setzt. Damit wird die Box sichtbar, beansprucht Platz und nachfolgende Boxen verschieben sich.

    Um das zu verhindern, kannst du die Box aus dem normalen Fluss nehmen: ul#main-nav li ul {position: absolute}.

    Im IE hingegen klappt es mit der Navigation leider gar nicht. Einerseits sind die Unterkategorien zu weit nach rechts eingerückt […]

    Von welchem IE sprichst du? Dass IE < 7 :hover ausschließlich auf Links anwendet, keinesfalls aber auf 'li', weißt du?

    Da ist mit JavaScript nachzuhelfen oder Stu Nicholls’ CSS only drop-down menu zu verwenden.

    Live long and prosper,
    Gunnar

    --
    Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)
    1. Hallo Gunnar,

      danke für Deine Antwort.

      Um das zu verhindern, kannst du die Box aus dem normalen Fluss nehmen: ul#main-nav li ul {position: absolute}.

      Dann sind aber meine Unterkategorien doch gar nicht mehr sichtbar, oder seh ich das falsch?

      Von welchem IE sprichst du? Dass IE < 7 :hover ausschließlich auf Links anwendet, keinesfalls aber auf 'li', weißt du?

      Ja, ich nutze den IE7. Und zweiteres wusste ich nicht, nein.
      Ich glaube, das ist für mein zweites Projekt doch noch etwas zu hoch gegriffen. Mach ich wohl lieber eine Navigationsbox draus und platziere sie woanders, da brauche ich dann wohl auch keine Subkategorien...

      Alles nicht so einfach.

      Nochmals danke & viele Grüße, Claudi