tutorials.de Buch-Aktion 05/2012
Seite 1 von 2 12 LetzteLetzte
ERLEDIGT
JA
ANTWORTEN
28
ZUGRIFFE
585
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    ill66 ill66 ist offline Mitglied
    Registriert seit
    Sep 2007
    Beiträge
    15
    Ich werde ernsthaft gleich anfangen zu weinen.
    Ich habe ja wirklich schon eine Ganze Reihe von Websites mit Hilfe von Conditional Comments für den IE5-6 angepasst.

    Aber (natürlich) wo ich dies gerade mit unserer Vereins-HP, die dringend fertig werden muss, machen will -- tut sich einfach nichts!!
    Also teilweise schon. Aber nicht ausreichend.
    Ich sitze an der Seite schon das ganze Wochenende und hoffe, ich bin einfach "betriebsblind" und habe nur irgendeine dumme Lleinigkeit übersehen.
    Ich hab auch schon alles durch CSS- und HTML-Validatoren gejagt, abe ohne Ergebnis.

    Also Folgendes:
    Hier auf der Startseite sieht im IE6 noch alles ganz manierlich aus:

    Auf dieser Unterseite
    und der Masterseite
    leider schon nicht mehr!

    Aber das wirklich unerklärliche ist für mich, dass auf den beiden zuletztgenannten Seiten jegliche horizontale Positionierung (left, right) und teilweise auch die vertikale (top, bottom) verweigert wird!! *arghl*
    Ich habs auch extra testweise mit ganz extremen (vierstelligen) Werten versucht -- nichts passiert.

    Es müsste ja entweder der Hintergrund-Teil ein Stück nach links versetzt werden oder aber Header, Footer und dieser Navigations-"Streifen" nach rechts sowie Text-Körper und Navigations-Punkte ein Stück nach links.

    ich RAFF es einfach nicht!!

    hier sind die stylesheets:

    Bitte helft mir, die Seite muss möglichst schnell online, sonst verprügelt mich der Vorsitzende! (Scherz ;P )
     

  2. #2
    Maik Tutorials.de Gastzugang
    Hi,

    ruf die "Conditional Comments" in den beiden Unterseiten nach dem Stylesheet main.css auf.
     

  3. #3
    ill66 ill66 ist offline Mitglied
    Registriert seit
    Sep 2007
    Beiträge
    15
    Öhm, wie meinst du denn?

    Also ich hab jetzt grad entdeckt, dass ich mit margin(left/right) dem Problem bei komme.
    Das ist eine unglaubliche Erleichterung, dass es wenigstens IRGENDwie geht, aber ich peil trotzdem nicht, warum es nicht normal über left/right geht... *kopfkratz*
     

  4. #4
    Maik Tutorials.de Gastzugang
    Die Regeln des zuletzt aufgerufenen Stylesheets überschreiben die Regeln der vorangegangen Stylesheets.

    Zitat Zitat von zeiten.htm / master.htm
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    
    <!--[if IE 5]>
               <style type="text/css">@import url(ie5.css);</style>
    <![endif]-->
    <!--[if IE 6]>
               <style type="text/css">@import url(ie6.css);</style>
    <![endif]-->
     
    ...
     
    <link type="text/css" rel="stylesheet" href="main.css">
    Ergo werden die IE-spezifischen Stylesheets zum Schluß in das Dokument geladen - in der Startseite "index.htm" machst du es ja auch richtig.

    Den Schönheitsfehler in der Navigation kannst du mit den folgenden Regelerweiterungen in der ie6.css korrigieren:

    Code :
    1
    2
    
    #navblock li { float:left; }
    #navblock a { overflow:hidden; }
     

  5. #5
    ill66 ill66 ist offline Mitglied
    Registriert seit
    Sep 2007
    Beiträge
    15
    Oh! Das war definitiv ein Versehen, normalerweise platzier ich die IE-Stylesheets immer da, wo sie bei der index-seite sind. Und das hab ich übersehen tss....

    Jetzt hab ich langsam fast alles wieder an Ort und Stelle.

    Nur im IE 5.5 sind die Navi-Punkte noch zu "groß" (man sieht einen teil vom Rollover). :\

    Und die Tabelle sprengt irgendwie alles -.-

    *ächz* Ich kann langsam nicht mehr.
     

  6. #6
    Maik Tutorials.de Gastzugang
    Hast du schon die empfohlenen Regelerweiterungen in der ie6.css aufgenommen?

    Dass sich die Tabelle im IE "ausdehnt" liegt letztlich an den <br>-Tags, die von ihm anders interpretiert werden, als beispielsweise vom Firefox.
     

  7. #7
    ill66 ill66 ist offline Mitglied
    Registriert seit
    Sep 2007
    Beiträge
    15
    Zitat Zitat von Maik Beitrag anzeigen
    Vielleicht hilft es, wenn du die empfohlenen Regelerweiterungen ebenfalls in der ie5.css aufnimmst?
    hm, welche meinst du denn?
    das mit dem float?

    Dass sich die Tabelle im IE "ausdehnt" liegt letztlich an den <br>-Tags, die von ihm anders interpretiert werden, als beispielsweise vom Firefox.
    Echt, was macht der denn damit?
    Ich entdeckte grade, dass der IE5.5 aus welchem Grund auch immer innerhalb der Tabelle eine größere Schriftart verwendete. Nach der Korrektur zersprengt die Tabelle jetzt das Layout nicht mehr.

    Aber in anderen Foren erfuhr ich gerade, dass im IE7 (den ich hier nicht hab) auch noch einiges nicht passt und das im FF angelbich auch Fehler seien?!
    Im IE5.0 mag ich gar nicht mehr kucken. -.-

    Nimmt das denn gar kein Ende? *wein*

    Danke fürs Händchenhalten, Maik
     

  8. #8
    Maik Tutorials.de Gastzugang
    Zitat Zitat von Maik Beitrag anzeigen
    Den Schönheitsfehler in der Navigation kannst du mit den folgenden Regelerweiterungen in der ie6.css korrigieren:

    Code :
    1
    2
    
    #navblock li { float:left; }
    #navblock a { overflow:hidden; }
    Und wie ich gerade seh, hast du diese Regeln noch nicht in der ie6.css aufgenommen, weshalb im IE5.5 + 6 eine Lücke zwischen den einzelnen Links besteht und ein Teil des "Rollover"-Hintergrundbildes zu sehen ist.
     

  9. #9
    ill66 ill66 ist offline Mitglied
    Registriert seit
    Sep 2007
    Beiträge
    15
    Sorry, ich hab mittlerweile Bluscreen (mental) @.@


    Ja, im IE5 sieht man jetzt keinen unerwünschten Rollover mehr, vielen Dank!!
    Die Navipunkte stehen zwar etwas weiter auseinander jetzt, aber das halte ich für vertretbar.

    Im IE6 -- bei mir ist da auch ohne Deinen Code gar kein Rollover sichtbar?! Bei Dir denn? (Ich hab ja Linux und nur so nen emulierten IE)

    Gerade entdeckte ich allerdings, dass die index im IE5 nu wieder verschoben ist -.-
    Soll ich da einfach nen Extra-Stylesheet für anlegen....? :\

    Und IE7 -- den hab ich hier ja nicht -- braucht der auch nen eigenen Sheet......?
     

  10. #10
    Maik Tutorials.de Gastzugang
    Ich schlage vor, dass wir an der Stelle eine Pause einlegen, und uns morgen um die offenen Fragen kümmern.
     

  11. #11
    ill66 ill66 ist offline Mitglied
    Registriert seit
    Sep 2007
    Beiträge
    15
    ok *schwitz*

    Danke auf jeden Fall für deinen seelischen Beistand in dieser schweren Stunde
     

  12. #12
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    Hi @ill66,

    so liest man sich mal wieder.

    Da will ich mich bei den noch offenen Fragen auch mal einmischen.

    Zum Menue:
    Ergänze die StyleSheets für den IE5 und IE6 mal um folgende Teile.

    IE5:
    Code :
    1
    2
    3
    4
    5
    
    [B]#navblock ul *{ margin: 0;
                    padding: 0;}[/B]
     
    [B]#navblock span,[/B]
    #navblock a { overflow:hidden; }
    IE6:
    Code :
    1
    2
    3
    4
    5
    6
    
    #navblock ul *{ height: 1%;
                    margin: 0;
                    padding: 0;}
     
    #navblock span,
    #navblock a{ overflow:hidden;}

    Zum IE7:
    Der IE7 positioniert den Text ebenfalls zu weit rechts. Ausserdem wird die Überschrift erster Ordnung (H1)
    zu weit oben angezeigt.

    Ergänzungen IE7:
    Code :
    1
    2
    3
    4
    5
    6
    
    <!--[if IE 7]>
    <style>
    h1{ margin-top: 30px;}
    div#text { margin-right: 220px;}
    </style>
    <![endif]-->
    Ciao
    Quaese
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK

  13. #13
    ill66 ill66 ist offline Mitglied
    Registriert seit
    Sep 2007
    Beiträge
    15
    @Maik:
    Mist, grad hier auf der Arbeit seh ich, dass im IE6 ja doch auch dieser Sichtbare-Rollover-Effekt auftritt -- was bei meinem emulierten IE6 ("IEs4Linux") defintiv nicht der Fall war.

    @Quaese:
    Hmm, hilf mir auf die Sprünge?! .......Inkscapeforum? °
    Ok, bin wie gesagt grad auf Arbeit und kanns nicht gleich ausprobieren. Aber offenabr führt tatsächlich nichts an einem 3. Stylesheet vorbei? Lässt sich nicht zufällig in dem für den IE6 subsumieren.....?

    Auf jeden Fall Danke schonmal!
    Geändert von ill66 (19.09.07 um 16:25 Uhr)
     

  14. #14
    Maik Tutorials.de Gastzugang
    Hi,
    Zitat Zitat von ill66 Beitrag anzeigen
    @Maik:
    Mist, grad hier auf der Arbeit seh ich, dass im IE6 ja doch auch dieser Sichtbare-Rollover-Effekt auftritt -- was bei meinem emulierten IE6 ("IEs4Linux") defintiv nicht der Fall war.
    mit meinen gestrigen Empfehlungen tritt der Darstellungsfehler bei mir im IE (5.01, 5.5 und 6 / Win2k) nicht auf.
     

  15. #15
    ill66 ill66 ist offline Mitglied
    Registriert seit
    Sep 2007
    Beiträge
    15
    Ja, im IE5-stylesheet hab ichs ja schon eingetragen und der Effekt war dann weg (wenn auch die Navi-Punkte dann etwas weiter auseinander standen), da wird das im IE6 wohl auch klappen, hoffe ich.

    Sobald ich zu hause bin, werd ich es umsetzen.

    Hat jemand eine Idee, was ich im IE5.5 mit de index-Seite anfang? NOCH ein extra-Stylesheet? :\