standardlogo design wird in IE 7.0 falsch dargestellt

standardlogo design wird in IE 7.0 falsch dargestellt

von Bernhard Katzer -
Anzahl Antworten: 13

Ich habe seit gestern mal den Internet-Explorer 7.0 installiert und festgestellt, dass die Kopfleiste in Moodle nicht mehr korrekt dargestellt wird. Andere Designs sind offenbar nicht betroffen. Kennt jemand eine Downloadmöglichkeit für weitere designs die ein eigenes Logo ermöglichen? Dann würde ich die mal probieren.

Bernhard

Mittelwert:  -
Als Antwort auf Bernhard Katzer

Re: standardlogo design wird in IE 7.0 falsch dargestellt

von Andreas Grabs -
Nutzerbild von Besonders aktive Moodler Nutzerbild von Entwickler
Hallo,

unter http://dean.edwards.name/IE7/usage/ gibt es ein Script, das die meisten Layouts kompatibel zum IE7 macht.
Vielleicht hilft das ja.

Viele Grüße
Andreas
Als Antwort auf Andreas Grabs

Re: standardlogo design wird in IE 7.0 falsch dargestellt

von Bernhard Katzer -

Hallo Andreas,

Danke für den Tipp. Ich habe mir die files auch runtergeladen. Jetzt heißt es da bloß:

include the IE7 JavaScript library in the HTML page you wish to test

<!-- compliance patch for microsoft browsers --> <!--[if lt IE 7]> <script src="/ie7/ie7-standard-p.js" type="text/javascript"> </script> <![endif]-->
Nun rätsle ich in welche HTML Page ich dieses script eigentlich einfügen soll.
Gibt es bei moodle irgendein Template, das das Erscheinungsbild aller Seiten regelt?
Bernhard
Als Antwort auf Bernhard Katzer

Re: standardlogo design wird in IE 7.0 falsch dargestellt

von Andreas Grabs -
Nutzerbild von Besonders aktive Moodler Nutzerbild von Entwickler
Hallo Bernhard,

du könntest den Ordner "ie7" z.B. in des Moodle-Verzeichnis kopieren.
z.B.: <pfad zu moodle>/moodle/ie7

Anschließend musst du in dem Theme, das du verwenden möchtest, in der Datei "header.html" am Ende des <head>-Tags das script einbinden.
Beispiel für das Standard-Theme:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html<?php echo $direction ?>>
<head>
<?php echo $meta ?>
<meta name="keywords" content="moodle, <?php echo $title ?> " />
<title><?php echo $title ?></title>
<link rel="shortcut icon" href="<?php echo $CFG->wwwroot.'/theme/'.current_theme() ?>/favicon.ico" />
<?php include("$CFG->javascript"); ?>
<!-- compliance patch for microsoft browsers -->
<!--[if lt IE 7]><script src="<?php echo $CFG->wwwroot;?>/ie7/ie7-standard-p.js" type="text/javascript">
</script><![endif]-->
</head>

Damit der Pfad auch bei anderen Installationen funktioniert, solltest du diesen so angeben, wie im Beispiel der blaue Text.

Viele Grüße
Andreas
Als Antwort auf Andreas Grabs

Re: standardlogo design wird in IE 7.0 falsch dargestellt

von Bernhard Katzer -

Danke Andreas,

Jetzt hab ich's kapiert. Allerdings hat sich leider auch nach der Installation  bei der Darstellung im IE7 nichts verändert. Ich habe es mit beiden Versionen IE7_0_9-source.zip und IE7_0_9.zip, die dort zum Download angeoten werden, versucht.

Bernhard

Als Antwort auf Bernhard Katzer

Re: standardlogo design wird in IE 7.0 falsch dargestellt

von Andreas Grabs -
Nutzerbild von Besonders aktive Moodler Nutzerbild von Entwickler
Evtl. wird das script nicht richtig geladen. Teste mal das Laden, in dem du deine Seite so aufrufst:
www.deinmoodle.de/index.php?ie7_debug=true

Es sollte dann ein Popup mit einer Erfolgsmeldung in der Art:

IE7 version 0.9 (alpha)
loaded successfully

kommen. Wenn nicht solltest du nochmal die Pfade prüfen.

Viele Grüße
Andreas
Als Antwort auf Andreas Grabs

Re: standardlogo design wird in IE 7.0 falsch dargestellt

von Bernhard Katzer -

Respekt! Was du alles für Tricks kennst. Hat funktioniert - allerdiungs nur beim IE6.  Bei IE7 wird das popup nicht angezeigt und sie Seite wird immer noch falsch dargestellt.

Falls es dir nicht zuviel Mühe macht und du IE7 zur Verfügung hast, schau dir mal die falsche Darstellung an: Unsaere Seite ist: http://www.rgs.kn.schule-bw.de/moodle/ Auf der ersten Seite wird die horizontale Linie nicht mehr unterhalb des Logos sondern daneben in Höhe der Anmeldung dargestellt. Auf den anderen Seiten steht der Seitentitel nicht oberhalb der Linkleiste sondern daneben.

Das selbe Phänomen habe ich übrigens auch auf dieser Seite beobachtet:
http://www.edumoodle.at/moodle/

Bernhard

Als Antwort auf Andreas Grabs

Re: standardlogo design wird in IE 7.0 falsch dargestellt

von Bernhard Katzer -

Habe das Skript wieder entfernt, da keine Wirkung erkennbar war. Außerdem ist mir im Bearbeitungsmodus der Browser abgestürzt, wenn ich dort im Textfenster den Editor vergrößern wollte.

Gruß Bernhard

Als Antwort auf Bernhard Katzer

Re: standardlogo design wird in IE 7.0 falsch dargestellt

von Andreas Grabs -
Nutzerbild von Besonders aktive Moodler Nutzerbild von Entwickler
Hallo Bernhard,

sorry, für den Aufwand den du hattest traurig.
Bei einigen Themes hatte das Script schon geholfen.
Naja, so weiß ich jetzt wenigstens, das es kein Universalhilfsmittel ist.

Viele Grüße
Andreas
Als Antwort auf Andreas Grabs

Re: standardlogo design wird in IE 7.0 falsch dargestellt

von Bernhard Katzer -

Hallo Andreas,

War kein Aufwand. Wir moodlen erst seit knapp 14 Tagen und so habe ich wenigstens mal erste Einblicke in die dahinterliegenden Skripte bekommen.

Danke!

Bernhard

Als Antwort auf Bernhard Katzer

Re: standardlogo design wird in IE 7.0 falsch dargestellt

von Richard Rybnicek -

Ich hatte das  selbe Problem und habe es brutal mit der Holzhammermethode lösen können. Ganz einfach in der header.html ein paar Leerzeilen in den Code eingebaut, jetzt ist wieder Platz genug.

Lg Richard

so schauts jetzt aus:

........

<div id="page">

<?php //Accessibility: 'headermain' is now H1, see theme/standard/styles_layout.css: .headermain
      if ($home) {  // This is what gets printed on the home page only
?>
    <div id="header-home" class="clearfix">
        <h1 class="headermain"><?php echo $heading ?></h1>
        <div class="headermenu"><?php echo $menu ?></div><p>&nbsp;</p>
    </div>
<?php } else if ($heading) {  // This is what gets printed on any other page with a heading
?>
    <div id="header" class="clearfix">
        <h1 class="headermain"><?php echo $heading ?></h1>
        <div class="headermenu"><?php echo $menu ?></div> <p>&nbsp;</p>
    </div>
<?php } ?>
<?php //Accessibility: breadcrumb trail/navbar now a DIV, not a table.
      if ($navigation) { // This is the navigation bar with breadcrumbs  ?>
    <div class="navbar clearfix">
        <div class="breadcrumb"><?php print_navigation($navigation); ?></div>
        <div class="navbutton"><?php echo $button; ?>
  </div> <p>&nbsp;</p>
    </div>  
<?php } else if ($heading) { // If no navigation, but a heading, then print a line 
?>
  <hr size="1" noshade="noshade" />

.........

Als Antwort auf Richard Rybnicek

Re: standardlogo design wird in IE 7.0 falsch dargestellt

von Bernhard Katzer -

Damit treibst du natürlich den Teufel mit dem Beelzebub aus. Jetzt stimmt die Darstellung in den anderen Browsern nicht mehr. Die Kopfleiste nimmt dort jetzt wesentlich mehr Raum ein.
Gruß Bernhard

Als Antwort auf Bernhard Katzer

Re: standardlogo design wird in IE 7.0 falsch dargestellt

von Richard Rybnicek -

Habe ich ursprünglich auch befürchtet, ist aber nicht wirklich dramatisch (im IE6). Allerdings arbeite ich mit einem style - sheet, in dem die Zeichengrössen in px angegeben ist.

Wenn ich einmal Zeit habe werde ich versuchen eine saubere Lösung über CSS zu erreichen. Mir war nur wichtig, ganz schnell wieder eine brauchbare Navigation zu haben.

 Grüsse Richard

Als Antwort auf Richard Rybnicek

Re: standardlogo design wird in IE 7.0 falsch dargestellt

von Bernhard Katzer -
Hallo Richard,
Du hast Recht. Nachdem alle anderen Versuche erfolglos geblieben sind habe ich es bei deiner Methode belassen
Ich habe mein Skript folgendermaßen geändert.

<div id="header-home" class="clearfix">
<h1 class="headermain"><img alt="Moodle" src="<?php echo $standardlogo ?>" /></h1>
<div class="headermenu"><?php echo $menu ?></div><p>&nbsp;</p><p>&nbsp;</p> (//zweimal da sonst die Linie immer noch irgendwo auf Höhe des Logs zu liegen kam)
</div>
<?php } else if ($heading) { // This is what gets printed on any other page with a heading
?>
<div id="header" class="clearfix">
<h1 class="headermain"><?php echo $heading ?></h1><br /><br /> (// damit werden die Abstände kleiner als bei <p>&nbsp;</p>)
<div class="headermenu"><?php echo $menu ?></div>
</div>
<?php } ?>
<?php //Accessibility: breadcrumb trail/navbar now a DIV, not a table.
if ($navigation) { // This is the navigation table with breadcrumbs ?>
<div class="navbar clearfix">
<div class="breadcrumb"><?php print_navigation($navigation); ?></div>
<div class="navbutton"><?php echo $button; ?></div><br /><br />
</div>

Danke für deine Hilfe!
Bernhard