navigation im ie 7 nicht sichtbar

Hi,

das liegt nicht zwangsläufig nur an CSS-Einstellungen, sondern kann auch an dem verwendeten Script grundsätzlich liegen... Eventuell mal nach einer Alternative suchen oder [Ironie an] auf den IE 9 warten, da soll das ja alles funktionieren [/Ironie aus] ...

Gruß blog_micky

Zitat von blog_micky

das liegt nicht zwangsläufig nur an CSS-Einstellungen,

richtig, die Struktur an sich ist schon ausgesprochen....äh...krank. ;-)

So wie du das zusammengehauen hast bekommst du kaum eine stabile Struktur.

Du brauchst einen #wrapper um alles für die horizontale Zentrierung. Da drin einen #header, eine #topnavi, drei Spalten und einen Fuss.
Der #header braucht ne Höhe.
Die #topnavi darunter macht man einfach mit zwei navi-Listen. Das mit ner Subnavi verschachteln ist Unfug.
Darunter die drei Spalten floaten alle drei in Verbindung mit einer Breite.

Diese merkwürdigen margin-Verschiebungen sind auch unnötig.

[ot][size=8][COLOR=Silver]Von der Site bekommt man ja sofortigen Augenkrebs, aber das sag ich nich laut[/COLOR][/SIZE] :mrgreen: [/ot]

Zitat von irmen

  koslowski
meinst du, ich soll nur im Orgeltemplate, noch die subnavi als zweite Liste einbauen? verstehe ich das richtig?

jau, weil die Subnavi ja eigentlich keine Subnavi ist, d.h. es gibt imho keinen übergeordneten navipunkt dem man alle Links der zweiten Reihe zuordnen könnte.
Wenn du daraus zwei navilisten machst, vereinfacht das die Sache meiner Meinung nach. :wink:

vielleicht geht das mit conditionellen IE7 styles:

<!--[if IE 7]>
<style type="text/css">
.page-template-orgelpage-php #content { margin-top:20px; padding-top:5px; }
#access ul ul {
 padding-left:35px;
 width: 619px;
}
</style>
<![endif]-->

die in header.php nach dieser zeile einfuegen:

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

der zweite style (#access ul ul .... ) ist da, weil sonst 'Die Presse' in zwei zeilen umgebrochen wurde - kann sein dass das nur mit dem testaufbau zu tun hatte - dann evtl weglassen.

nb:
achtung:
da das theme immer noch Twenty Ten genannt ist, wird es beim naechsten wordpress upgrade ueberschrieben.
am besten als neues theme unter einem neuen namen in einem neuen verzeichnis speichern.

Zitat von irmen

äh, doch das sind alles die Unterpunkte der Orgel.

sorry, aber das klingt irgendwie an den Haaren herbeigezogen. ;-)

Zitat von irmen

Ich meine, wenn das im IE8 und im ff geht und im und in IE7 nicht dann ist das doch wahrscheinlich dass der ein css porblem hat.

Wie ich schon sagte, mit zwei Listen (für jede Reihe eine) ist es am einfachsten zu lösen, zumindest bei deinen Kenntnissen sollte das das Mittel deiner Wahl sein. :wink:

Das hier:

#access ul ul {
display:none;
float:left;
left:-350px;
position:absolute;
width:589px;
z-index:99999;
}

ist jedenfalls widersprüchlich und teilweise auch ziemlich unsinnig.

Es kann sein das die Subliste nicht angezeigt wird, weil du im Quelltext absolute Elemente direkt neben gefloateten hast und da verschwindet in älteren IE's schon mal gerne das eine oder das andere (im IE6 wird die komplette Navi deshalb wohl nicht angezeigt).
Dann muss z.B. die Subliste in ein nicht gefloatetes und nicht absolut posit. Element eingeschachtelt werden, damit der Effekt nicht auftritt.
Oder auf position:absolute verzichten, welches sowieso ziemlos überflüssig ist.

Zitat

Ist es vermessen, dich zu bitten mir kurz etwas zum Verständnis anzumerken?

verstehen tu ich das auch nicht; im firefox (mit dem web developer add-on) war nur zu sehen, dass das benachbarte element der #content war; dazu ein wenig probieren ...

koslowski hat das ja schon so ausgesprochen:

Zitat

im Quelltext absolute Elemente direkt neben gefloateten hast und da verschwindet in älteren [COLOR=#306582]IE[/COLOR]'s schon mal gerne das eine oder das andere

Zitat von irmen

koslowski
wie meinst du das - an den Haaren herbeigezogen?
diese Seiten sind als unterseiten der Seite Orgel angelegt und die Navi ist auch so gemacht, da gibts doch gar keine Haare?
Ich war der Meinung, wenn man ein Element ausserhalb des Flusses positionieren will, muss man es "absolut" positionieren?
Wie könnte man das denn in diesem Falle sonst machen?
Wenn ich sie relativ setze, dann geht die Hauptnavi unterhalb weiter ...
vielen Dank für eine Erklärung.
Irmen

Alles anzeigen

okay, jetzt hab ichs kapiert. Ich bin mal auf die Startseite gegangen. :)

Wie schon gesagt ich halte die ganze Konstruktion für vollkommen instabil, wie man ja auch im IE6/7 sehen kann.
Ich glaube auch nicht, das du mit der Struktur und der sich daraus ergebenen.....äh....suboptimalen Gestaltungsanweisungen glücklich wirst.
Das alles wirkt ein bißchen wie eine ständige Verschlimmbesserung zur Fehlerbeseitigung.
Sorry, ist nicht böse gemeint. :)

Das der Container #access mit margin nach unten geholt werden muss, in sich noch mehrfach überflüssigerweise verschachtelt ist, bis die navi mal im Quelltext steht ruft bei mir nur ein verständnisloses Kopfschütteln hervor.

#fixenavi und #kalender sind überflüssigerweise absolut positioniert und stecken wieder im #header, von dem sie aber nicht eingeschlossen werden, weil sie absolut positioniert sind. Da steht dann noch ein div#tiggermantel im Gelände rum, dessen Sinn nebulös bleibt.

Vom div#masthead, was im div#header steckt und wo #fixenavi und #kalender drinhocken, die aber wg. absol. Positionierung nicht vom div#masthead umschlossen werden will ich lieber gar nicht erst anfangen.

div#content hat keine Breite, was wg. IE6/7 nicht gut ist, ist aber noch zweifach in anderen überflüssigen Containern verschachtelt.

So würde eine vernünftige Struktur für deine HP ausschauen:

<body>
        
<div id ="wrapper">


<div id="header">
    <h1>Hauptüberschrift</h1>
</div><!-- Ende #header -->


<div id="topnavi">
</div><!-- Ende ##topnavi -->


<div id="fixenavi">
</div><!-- Ende #fixenavi -->


<div id="content">
</div><!-- Ende #content -->


<div id="kalender">
</div><!-- Ende #kalender -->


<div id="footer">
</div><!-- Ende #footer -->


</div><!-- Ende #wrapper -->


</body>

#wrapper bekommt ne feste Breite und wird über margin:0 auto; horizontal zentriert.

navi und subnavi kommen beide in #topnavi.

#fixenavi, #content und #kalender bekommen alle drei festen Breiten und floaten auch alle drei, um einen gemeinsamen Block Formatting Context herzustellen.

Die Floats werden entweder hardcodiert direkt nach dem Ende von #kalender gecleart, oder noch besser, wenn es geht, #footer bekommt das Clear.

Mehr zusammenfassende Container brauchst du normalerweise nicht. :wink:

Ach ja, zum Schluß noch ein Link, der dir beim Verbessern deiner Kenntnisse helfen kann.