Probleme IE6 und FF

  • Hi,


    habe versucht meine HP neu zu gestalten mit CSS.
    wollte die Linke Menue-Seite gerne fest stehend haben, die rechte Seite mit dem Inhalt soll scrollen.


    Ich selbst habe leider nur IE7 und da funzt es eigentlich recht ordentlich.
    Nun wurde mir aber mitgeteilt:, daß im
    IE6 der Hintergrund auf der linken Seite nicht bis runter geht. (damit kann ich zwar im Notfall leben), aber es fehlt bei der rechten Seite der Scrollbalken!


    Im FF geht dafür der Hintergrund auf der linken Seite über das Seiten-Ende hinaus.


    hier der Link zur Testseite:
    http://home.arcor.de/deschner-clan/


    Falls jemand Abhilfe weiß, bedanke ich mich schon mal ganz herzlich - bin halt Anfänger und quäle mich noch Recht durch das Dickicht:confused:


  • Im FF geht dafür der Hintergrund auf der linken Seite über das Seiten-Ende hinaus.


    In Opera und IE7 geht der Hintergrund auch über das Seitenende hinaus.
    Kannst du vielleicht mal deinen Text posten damit man sich das mal näher ansehen kann?

    Das Leben ist schön - :D
    Lehren ist die schönste Methode zu lernen.

  • Hallo Sascha,
    danke für die Mühe. Meinst Du mit Text posten: den CSS-Code?
    (Sorry bin Anfänger ;))
    Hier mal der Code:


    hoffe, das hilft.
    Vielleicht habe ich bei selfthtml auch was falsch verstanden, speziell hier:


    hier noch der ganze Qelltext:



    Beim IE7 sieht es bei mir richtig aus!


    Ganz herzlichen Dank für die Hilfe

    Einmal editiert, zuletzt von erich1903 ()

  • caipiGuten Morgen Erich,


    also ich hab mich nach einer durchgemachten Nacht mal etwas durch deinen Text durchgewühlt. Folgendes konnte ich mit verschwomenem Blick noch erkennen.


    Zu dem Probelm mit der überstehenden Navigationsleiste auf der linken Seite:


    Bei #fixiert findest du height:100%;. Dies verursacht das deine linke Navi sich immer der Bildschirmhöhe anpasst. Also musst du in #fixiert die Höhe auf deine rechte Seite anpassen, die da zusammen wären #header{height:120px;} #menuho {height:1.8em;} und #inhalt {min-height:380px;} und #footer{height:1.2em;}. Allerdings steckt dies alles in einem #wrap drin und der ist auch auf height:100% gesetzt was eben wieder das selbe verursacht wie in #fixiert (passt sich der Bildschirmhöhe an). Und wenn der #inhalt wächst, sollte deine Navigation ja auch mitwachsen.


    Also im Moment fällt mir keine Patentlösung ein und ich glaube das dieses Script für einen Anfänger auch sehr schwer zu handhaben ist, denn im Grund bin ich selbst noch einer.


    Was du hier auf jeden Fall brauchst ist Geduld und Übung mit CSS. Dazu kann dir das hier helfen.


    Ich gehe jetzt zuerstmal ins Bett und wenn ich dann ausgeschlafen habe, schaue ich mir das Script nochmal näher an.


    Ach ja, schreib doch bitte den Quelltext in einen Code rein und nicht in ein Quote. Hier geht es zur BB-Code-List .

    Das Leben ist schön - :D
    Lehren ist die schönste Methode zu lernen.

    2 Mal editiert, zuletzt von Sascha79 ()

  • Hi Sascha79,


    vielen dank für den Link, aber ich wühle mich schon seit Wochen, durch div. Seiten, u.a. auch auf der genannten), sonst wäre ich ja garnicht so weit gekommen.
    Vielleicht haperts an meinem Kleingehirn, daß ich wohl nicht alles richtig verstehe? (Hatte allerdings nie was mit Computer &Co zu tun, und bin erst nach BorisB überhaupt mal ins Netz "reingekommen":p)


    Deshalb verzeih mir auch, daß ich das mit dem BB-Code nicht getan habe.


    Mein Ansinnen war eigentlich nur eine HP zu erstellen, was mir ja auch geglückt war:D, wenn auch mit Frames und ich darauf recht stolz war. Auf den Hinweis div.Foren, wollte ich jetzt umstellen. Scheinbar wird das eine Lebensaufgabe...., bzw. frage ich mich obs nicht besser ist, es mit Tabellen-Layout zu versuchen?

  • Deshalb verzeih mir auch, daß ich das mit dem BB-Code nicht getan habe.


    Also das ist wirklich kein Problem:). Also auf Tabellen würde ich nicht umsteigen, da wird alles nur noch unübersichtlicher und nebenbei erwähnt ich finde das Layout super und mit etwas Geduld bekommen wir das auch hin.


    Leider habe ich auch keinen IE6 zur Hand. Ein ganz grosses Problem ist, das man es halt nicht allen Browsern recht machen kann.


    Ein kleiner Hinweis. Der IE6 kann min-height nicht interpretieren siehe auch Browserkombatibilität


    Zu dem Problem mit dem Scrollbalken, ich konnte nirgends ein schliessendes Tag finden. Schau mal hier, nach dem Inhalt...

    Code
    1. <div id="inhalt">
    2. <h1 class="center">Ein herzliches Gr&uuml;ss Gott</h1>
    3. <p><img class="opacity" src="Graphik/HPsign/adler.png" alt="Adler" width="219" height="219">Auf vielen USA-Reisen konnten wir einiges Erleben und viele Erfahrungen sammeln, die wir hier festhalten wollen.
    4. Vielleicht findest Du als Leser aber auch ein paar praktische Tipps f&uuml;r die eigene Reiseplanung. Da ich meine HP neu gestalte findest Du hier im Moment nur eine Testseite mit dem Beginn des Reiseberichts vom Dezember 2007. Die vorherigen Reiseberichte findest Du noch auf unserer bisherige <a href="http://home.arcor.de/diedeschi/" target="_blank" >Homepage</a>. Wenn es Dir gefallen hat - Du Vorschl&auml;ge, bzw. Fehler gefunden hast - schreib doch ein paar Zeilen. Wir freuen uns &uuml;ber einen Eintrag im</p>
    5. <p class="center"><img src="http://home.arcor.de/deschner-clan/Graphik/HPsign/gbook.gif" alt="G&auml;stebuch" width="105" height="87"></p>
    6. <p class="center"><a href="gast.htm">G&auml;stebuch.</a></p>
    7. </div>
    8. <!-- Ende Inhalt -->
    9. <!-- InstanceEndEditable --></div>
    10. <!-- Ende Scrollbereich -->


    Wahrscheinlich liegt es daran, das im IE6 der Scrollbalken nicht zu sehen ist. Ich nehme an der FF ist hierso gütig und setzt das </div>. Probier es doch mal aus ob´s klappt.

    Das Leben ist schön - :D
    Lehren ist die schönste Methode zu lernen.

  • Hi Sascha 79,


    lieb von Dir, daß Du es noch nicht aufgegeben hast, einem Anfänger unter die Arme zu greifen.


    Ich denke, daß mit diesem

    Zitat

    <!-- InstanceEndEditable --> </div>


    der Scrollbereich geschlossen wird?


    Ich habe den schlimmen Verdacht, daß ich irgendwie bei dem Workaround
    was falsch gemacht habe - nur was=?


    Als Grundlage habe ich mir dies angeschaut:
    http://de.selfhtml.org/css/lay…ixbereiche.htm#definieren


    Ich habe eine externe CSS-Datei angelegt. Diese dann im Head verlinkt.
    Den Workaround habe ich dann im Head unter die verlinkte CSS-Datei geschrieben.


    War das überhaupt richtig oder gehört dafür eine extra Datei angelegt?


    Sitz irgendwie auf der Leitung, mit conditional comment ...


    Vielen lieben Dank für die Hilfe

  • Hi Erich,


    ich meinte eigentlich das hier....

    Code
    1. <!-- Ende Scrollbereich -->


    Füge hier doch noch ein </div> ein um deinen Scrollbereich zu schliessen.;)


    In die Sache mit dem Workaround muss ich mich auch zuerst reinlesen.

    Das Leben ist schön - :D
    Lehren ist die schönste Methode zu lernen.

  • Hi,


    das </div> ist doch da, steht dummerweise in der falschen Zeile, hinter <!-- InstanceEndEditable -->
    (kann ich noch ändern, dürfte aber keine Auswirkungen haben.


    <!-- InstanceEndEditable --> ist nur ein Kommentar, kein DIV.

  • :rolleyes:...hast recht, hab kurz den Überblick verloren.


    Du hast schwerwingende Dinge an deiner Site verändert. Denn jetzt ist sie nicht mehr mittig vom Bildschirm (oder ist das so gewollt?) und es ist gar nicht mehr möglich zu scrollen.


    Was mir noch aufgefallen ist, da du das Problem ja mit dem IE6 hast: Ist diese Zeile.

    Code
    1. <!--[if lt IE 7]><style type="text/css">

    Hier hast du IE7 angegeben. In der Erläuterung bei selfhtml steht noch das hier:
    Um diese (noch) ungültigen CSS-Angaben nur dem Internet Explorer 5 und 6 zugänglich zu machen, werden sie über einen conditional comment in der HTML-Datei eingebunden.


    Les doch mal denn hier durch, vielleicht bekommst du es ja dann hin.


    Blos nicht aufgeben. Das klappt schon noch.

    Das Leben ist schön - :D
    Lehren ist die schönste Methode zu lernen.

    7 Mal editiert, zuletzt von Sascha79 ()