Navigation und Formatierung spielen verrückt!

Hallo zusammen!

Ich weiß einfach nicht mehr weiter. Ich habe im Contaobuch bis zur S 244 "Die fertige Metanavigation" alles durchgearbeitet und es funktionierte alles perfekt. Ich verwende zum üben derzeit nur die internen Stylesheets. Nun habe ich folgendes probiert: ich wollte in der Metanavigation die Darstellung der Buttons in einer anderen Reihenfolge anordnen. Dies habe ich unter Layout - Seitenstruktur einfach mit dem blauen Pfeil gemacht (Impressum von mitte nach oben) das wars dann schon. Danach öffnete ich das Frontend wieder und was vorher noch ohne Makel war, sah jetzt so aus. Anhang 7274 Irgendwie hat es die gesamte Formatierung des ganzen Headerbereiches durcheinander gebracht. Ich habe die Module gelöscht, alles nochmals Step by step neu angelegt, alles kontrolliert, habe mir in den Codes die Augen wund geschaut, ich komme einfach nicht dahinter,woran das liegen könnte. Der augenscheinlichste Fehler ist der Eintrag über den Button Startseite "Navigation überspringen" der in der vertikalen wie horizontalen Navigation sich irgendwo hinter dem Starseitenbutton versteckt (sieh Screenshots). Darf man überhaupt, wenn die Navigation steht, sowie bis Seite S 244 eine Änderung der Reihenfolge in der Seitenstruktur vornehmen? Hier fehlt mir einfach noch die Erfahrung, manchmal ist es wirklich zum Haare raufen. Vielleicht kann mir irgendwer weiterhelfen.

Quelltext Metanavigation

HTML-Code:

---

<!-- indexer::stop -->
<div class="mod_customnav block">

<a href="index.php/artikel-erstellen-16.html#skipNavigation14" class="invisible">Navigation überspringen</a>

<ul class="level_1">
<li class="first"><a href="index.php/kontakt-12.html" title="Kontakt" class="first">Kontakt</a></li>
<li><a href="index.php/kontakt.html" title="Impressum">Impressum</a></li>
<li class="last"><a href="index.php/sitemap.html" title="Sitemap" class="last">Sitemap</a></li>
</ul>

<a id="skipNavigation14" class="invisible">*</a>

</div>
<!-- indexer::continue -->

---

Ja, du kannst die Seitenstruktur beliebig verändern. Module hättest du auch nicht löschen müssen. Zeig uns am besten mal einen Link zu der Seite. Wenn sie noch nicht online ist, kannst du eine statische Seite erstellen und uns diese zeigen. CSS nicht vergessen. Elemente mit der Klasse invisible dürften das Layout nicht beeinflussen.

Hast Du in Deinen Stylesheets überhaupt irgendwo Formatdefinitionen für die Klasse "invisible"?

Code:

---

.invisible {
    display: inline;
    height: 0;
    left: -1000px;
    overflow: hidden;
    position: absolute;
    top: -1000px;
    width: 0;
}

---

Die ist doch in contao.css drin.

Hallo Andreas!

Zitat:

---

Zitat von Andreas

Ja, du kannst die Seitenstruktur beliebig verändern. Module hättest du auch nicht löschen müssen. Zeig uns am besten mal einen Link zu der Seite. Wenn sie noch nicht online ist, kannst du eine statische Seite erstellen und uns diese zeigen. CSS nicht vergessen. Elemente mit der Klasse invisible dürften das Layout nicht beeinflussen.

---

Im Moment ist die Seite nicht online. Ich arbeite mit MAMPP. Sende Dir vorerst mal den CSS Code:

bildschirm.css

Code:

---

/* Style sheet bildschirm */
html
{ overflow-y: scroll; }

body
{
  background-color: #d9d9d9;
  font-family: 81.25% Verdana, Arial, Helvetica, sans-serif;
}

#wrapper
{
  background-color:#ffffff;
}

#header
{
  margin-top:1em;
  padding:48px 0 0 0;
  background-color:#89adcd url("header_gradient.jpg") repeat-x left top;
       
}

#header h1
{
  margin-top:0;
}

#header p#slogan
{
    margin-left.18px;
}

#container
{
  margin-right:18px;
  margin-left:18px;
}

#main
{
  min-height:300px;
  padding-right:10px;
  padding-left:10px;
  line-height:1.7;
}

#footer
{
  margin-bottom:1em;
  padding:18px 18px 9px;
  background-color:#89adcd;
  color:#000;
}

---

navigation.css

Code:

---

/*--------------------------------------------------------------------------------------------------*/
/* Horizontale Navigation - Erste Ebene */
#header .mod_navigation
{
    margin-top:18px;
    padding:0 18px;
    background-color:#89adcd;
    color:#000;
}

#header .mod_navigation ul
{
    width:auto;
    margin-bottom:0;
    float:left;  /*schrumpft die Liste */   
}

#header .mod_navigation li
{
    width:auto;
    margin:0;
    border-right:1px solid #89adcd;
    float:left;                                              /*schrumpft die Listenelemente*/   
    list-style-type:none;                          /*Trennstriche rechts*/   
}

#header .mod_navigation li.first
{
    border-left:1px solid #89adcd;          /*Trennstriche am Anfang*/   
}

#header .mod_navigation a,
#header .mod_navigation span
{
    min-width:78px;
    display:block;
    padding:8px;
    text-align:center;
    text-decoration:none;
    color:#000;
    background-color:transparent;
}

#header .mod_navigation .active,
#header .mod_navigation .trail
{
    background-color:#2d5b85;
    color:#fff;
}

#header .mod_navigation a:hover,
#header .mod_navigation a:focus
{
    background-color:#2d5b85;
    color:#fff;
}
/*-----------------------------------------------------------------------------------------------*/

/* Horizontale Navigation-Zweite Ebene */
/* Möglichkeit 1: Zwei horizontale Ebenen */
#container
{
    padding-top:1.5em;
}

#header ul.level_2
{
    left:auto;
    top:auto;
    position:absolute;
    background-color:#ddd;
}

#header .level_2 li,
#header .level_2 li.first
{
    border: none;
}
/*-------------------------------------------------------------------------------------------------*/

/* Möglichkeit 2: Dropdown-Navigation */ 
/*Listenelemente zweite Ebene untereinander */
#header .level_2 li
{
    clear:both;
    border:none;
}

/* Zweite Ebene ausblenden */
#header .level_2
{
    width:0;
    height:0;
    left:-9999px;
    position:absolute;
    overflow:hidden;
    display:inline;
    top:-9999px;
    z-index:1;  /* "nach vorne" über den Inhaltsbereich */;
}

/* Zweite Ebene bei MouseOver einlenden */
#header li:hover .level_2
{
    width:auto;
    height:auto;
    min-width:78px;
    left:auto;
    top:auto;
    overflow:auto;
    display:block;
    background-color:#adcbe6;
    border-bottom:1px solid #2d5b85;
}

#header .level_2 li.first
{
    border:none;
}

#header .level_2 li a
{
    text-align:left;
}
/*-------------------------------------------------------------------------------------------

/* Vertikale Navigatiion */
#left div.mod_navigation
{
    width:142px;
    float:left;
    margin:32px 0 0;
    font-size:12px;
}

#left .mod_navigation h1
{
    margin:0 0 1em 0;
    font-size:14px;
    font-weight:bold;
}

#left .mod_navigation ul
{
    margin:0;
    padding:0;
    background-color:#fff;
}

#left .mod_navigation li
{
    list-style-type:none;
    margin 0;
}

/* Menüpunkte gestalten */
#left .mod_navigation a,
#left .mod_navigation span
{
    display:block;
    padding:8px 8px 8px 18px;
    background-color:#adcbe6;
    border-top:1px solid #fff;
    text-decoration:none;
    color:#000;
}

/* Rollover und TAB-Fokus */
#left .mod_navigation a:hover,
#left .mod_navigation a:focus
{
    color:#fff;
    background: #2d5b85;
}

/* Aktiven Menüpunkt hervorheben */
#left .mod_navigation span.active,
#left .mod_navigation trail
{
    color:#fff;
    background: #2d5b85;
}

/* Menüpunkte gestalten */
#left .mod_navigation a,
#left .mod_navigation span
{
    display:block;
    background-color:#89adcd;
    border-top:1px solid #fff;
    text-decoration:none;
    color:#000;
    padding:8px 8px 8px 18xp;
}

/* Unterpunkte links einrücken */
#left .mod_navigation li li a,
#left .mod_navigation li li span
{
    margin-left:18px;
}

/* Hervorhebung für Unterpunkte */
#left .mod_navigation li li a:hover,
#left .mod_navigation li li a:focus
{
    background-color:#2d5b85;
    color:#fff;
}

/* Alle Links im aktiven Listenelement einfärben */
#left .mod_navigation .submenu a
{
    background-color:#adcbe6;
    color:#000;
}
/*-------------------------------------------------------------------------------------------------*/

/* Metanavigation */
#header .mod_customnav
{
    top:-44px;
    position:absolute;
    font-size:12px;
    right:18px;
}

#header .mod_customnav li
{
    width:auto;
    float:left;
    margin:0;
    list-style-type:none;
}

#header .mod_customnav a,
#header .mod_customnav span
{
    display:block;
    margin-left:9px;
    padding:4px;
    text-decoration:none;
    color:#fff;
}

#header .mod_customnav a:hover,
#header .mod_customnav a:focus
{
    color:#000;
    background:#89adcd;
}

#header .mod_customnav span.active
{
    background-color:#89adcd;
    color:#000;
}
/*-------------------------------------------------------------------------------------------------*/

---

In basic.css wurden nie Änderungen vorgenommen.

Ich hoffe das ich mit der Information der statischen Seite nicht all zu sehr daneben liege.

Hier der Seitenquelltext:

Code:

---

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--

        This website is powered by Contao Open Source CMS :: Licensed under GNU/LGPL
        Copyright ©2005-2012 by Leo Feyer :: Extensions are copyright of their respective owners
        Visit the project website at http://www.contao.org for more information

//-->
<title>Websites erstellen mit Contao - Contao Open Source CMS 2.10</title>
</head>
<frameset rows="31,*" frameborder="0" framespacing="0">
<frame src="switch.php" name="switch" frameborder="0" scrolling="no" noresize="noresize" />
<frame src="http://localhost:8888/contaobuch/index.php" name="website" frameborder="0" noresize="noresize" />
</frameset>
</html>

---

Framequelltext:

Code:

---

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--

        This website is powered by Contao Open Source CMS :: Licensed under GNU/LGPL
        Copyright ©2005-2012 by Leo Feyer :: Extensions are copyright of their respective owners
        Visit the project website at http://www.contao.org for more information

//-->
<title>Startseite - Wolfsberger Open 2012</title>
<base href="http://localhost:8888/contaobuch/" />
<meta name="robots" content="index,follow" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet" type="text/css" href="system/contao.css" media="screen" />
<style type="text/css" media="screen">
/* <![CDATA[ */
#wrapper{width:960px;margin:0 auto;}
#left{width:182px;}
#right{width:182px;}
#main{margin-left:182px;margin-right:182px;}
/* ]]> */
</style>
<link type="text/css" rel="stylesheet" href="plugins/mediabox/1.3.4/css/mediaboxAdvBlack21.css" media="screen" />
<link type="text/css" rel="stylesheet" href="system/scripts/2b60f42d5bea.css" media="all" />
<script type="text/javascript" src="system/scripts/6bb6ab418aaa.js"></script>
<link href="tl_files/themes/blaues_theme/zentrale.css"
rel="stylesheet" type="text/css" />
</head>
<body id="top" class="mac chrome ch18">

<!--[if lte IE 6]>
<div style="background:#ffc;padding:12px;border-bottom:1px solid #e4790f;font-size:14px;color:#000;text-align:center;"><strong>Achtung!</strong> Sie verwenden einen <a href="http://ie6countdown.com" style="font-size:14px;color:#e4790f;">veralteten Browser</a> und <strong>können nicht alle Funktionen dieser Webseite nutzen</strong>.</div>
<![endif]-->

<div id="wrapper">

<div id="header">
<div class="inside">

<h1>Beispielsite</h1>
<p id="slogan">Websites erstellen mit Contao</p>
<!-- indexer::stop -->
<div class="mod_customnav block">

<a href="#skipNavigation14" class="invisible">Navigation überspringen</a>

<ul class="level_1">
<li class="first"><a href="index.php/kontakt-12.html" title="Kontakt" class="first">Kontakt</a></li>
<li><a href="index.php/kontakt.html" title="Impressum">Impressum</a></li>
<li class="last"><a href="index.php/sitemap.html" title="Sitemap" class="last">Sitemap</a></li>
</ul>

<a id="skipNavigation14" class="invisible">&nbsp;</a>

</div>
<!-- indexer::continue -->

<!-- indexer::stop -->
<div class="mod_navigation block">

<a href="#skipNavigation3" class="invisible">Navigation überspringen</a>

<ul class="level_1">
<li class="active first"><span class="active first">Startseite</span></li>
<li class="sibling"><a href="index.php/nachrichten.html" title="Nachrichten" class="sibling">Nachrichten</a></li>
<li class="sibling"><a href="index.php/artikel-erstellen-16.html" title="Artikel erstellen" class="sibling">Artikel erstellen</a></li>
<li class="sibling"><a href="index.php/erweiterungen.html" title="Erweiterungen" class="sibling">Erweiterungen</a></li>
<li class="sibling last"><a href="index.php/downloads.html" title="Downloads" class="sibling last">Downloads</a></li>
</ul>

<a id="skipNavigation3" class="invisible">&nbsp;</a>

</div>
<!-- indexer::continue -->
 
</div>
</div>

<div id="container">

<div id="left">
<div class="inside">
&nbsp;
</div>
</div>

<div id="right">
<div class="inside">
&nbsp;
</div>
</div>

<div id="main">
<div class="inside">

<div class="mod_article block" id="startseite">

<h1 class="ce_headline">Willkommen beim Wolfsberger Open 2012</h1>

<div class="ce_text block">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis ligula tortor. Duis dictum, dolor eget dignissim scelerisque, augue lorem dictum nisl, quis molestie purus lectus vel ligula. Curabitur eget nisl mauris. Donec pharetra tellus sollicitudin lacus volutpat lacinia. In magna tortor, suscipit id lacinia et, aliquet vel enim. Morbi vel velit diam, ut imperdiet nunc. Integer nisl turpis, luctus nec dignissim vel, accumsan sed purus. Curabitur facilisis dui at magna fermentum dignissim.</p>
<p>Sed id nulla ligula. Cras sed magna vel nibh blandit pulvinar eu eget ipsum. Sed feugiat semper elit et rutrum. Cras vulputate dapibus volutpat. Nullam velit urna, condimentum id suscipit sed, ornare nec erat. Curabitur eu diam porttitor felis blandit commodo. Mauris elementum condimentum viverra. In hac habitasse platea dictumst. Mauris nisi velit, vehicula sit amet pulvinar eu, ultrices sed sapien.</p>
</div>

</div>
 
</div>
 
<div id="clear"></div>
</div>

</div>

<div id="footer">
<div class="inside">

<p>Made with Contao</p>
</div>
</div>

</div>

<script type="text/javascript" src="plugins/mediabox/1.3.4/js/mediabox.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
Mediabox.scanPage = function() {
  var links = $$('a').filter(function(el) {
    return el.rel && el.rel.test(/^lightbox/i);
  });
  $$(links).mediabox({/* Put custom options here */}, null, function(el) {
    var rel0 = this.rel.replace(/[[]|]/gi,' ');
    var relsize = rel0.split(' ');
    return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
  });
};
window.addEvent('domready', Mediabox.scanPage);
/* ]]> */
</script>

<script type="text/javascript">
/* <![CDATA[ */
new Request({
  url:'system/html/cron.txt',
  onComplete: function(txt) {
    if (!txt) txt = 0;
    if (parseInt(txt) < (Date.now()/1000 - 300)) {
      new Request({url:'cron.php'}).get();
    }
  }
}).get();
/* ]]> */
</script>

</body>
</html>

---

Wie gesagt, ich arbeite als Anfänger strikt nach dem Buch und ein Beispiel nach dem anderen funktionieren einwandfrei, so auch bis zur Abbildung 9.21 (S. 244) genau so war auch die Seite im Browser. Dann nahm ich wie beschrieben die Änderung in der Seitenstruktur vor und aus war es mit der schönen Seite. Reagiert das wirklich alles so empfindlich, aber probieren muss doch erlaubt sei. Mit HTML u. CSS bin ich leider noch nicht ganz so weit, dass ich von dort aus einen etwaigen Fehler schlüssig interpretieren könnte.

Bücher habe ich da nicht. Ich mache mir jetzt auch nicht die Mühe, die Seite statisch aufzusetzen. Setz die doch bitte mal auf und zeige uns den Link. Sieht so aus, als hättest du noch die Vorschauansicht, die in einem Frame läuft. Die kannst du erst mal schließen, mit Klick auf das Kreuz oben rechts.

Nein, das ist nicht empfindlich. Im Prinzip sag ich mal, kannst du im BE nichts kaputt machen. Neu Aufsetzen oder dergleichen sind eigentlich nie notwendig. Allerdings musst du mit CSS umgehen können, sonst kannst du nur ein fertiges FE-Template benutzen. Zum Lernen von CSS kannst du selfhtml und Firebug benutzen.

Hallo Ewald,

vorweg eine Bitte: Mache bitte ab und zu einen Absatz, am besten mit einer Leerzeile dazwischen. Das erhöht die Lesbarkeit enorm ;)

Dein Fehler hat ziemlich sicher nichts mit der Umstellung der Seitenstruktur zu tun.

Zitat:

---

Zitat von ewaldo

ich wollte in der Metanavigation die Darstellung der Buttons in einer anderen Reihenfolge anordnen. Dies habe ich unter Layout - Seitenstruktur einfach mit dem blauen Pfeil gemacht (Impressum von mitte nach oben) das wars dann schon.

---

Das ist völlig in Ordnung.

Zitat:

---

Zitat von ewaldo

Danach öffnete ich das Frontend wieder und was vorher noch ohne Makel war, sah jetzt so aus.

---

Laut Screenshot hast du die Frontend-*Vorschau* geöffnet. Das ist ein Frameset. Der gepostete Quelltext ist daher absolut ohne Aussage. Klicke doch einfach wie empfohlen rechts oben auf das X, um den gelben Balken oben zu schließen. Jetzt erst siehst du das wirkliche Frontend.

Lasse einfach Backend und Frontend in zwei Browsertabs oder -fenstern geöffnet und wechsele zwischen beiden Fenstern hin und her. Auf'm Mac kannst du das Frontend mit CMD+R neu laden.

Zitat:

---

Zitat von ewaldo

Irgendwie hat es die gesamte Formatierung des ganzen Headerbereiches durcheinander gebracht ... Der augenscheinlichste Fehler ist der Eintrag über den Button Startseite "Navigation überspringen" der in der vertikalen wie horizontalen Navigation sich irgendwo hinter dem Starseitenbutton versteckt

---

Auch wenn du wahrscheinlich kurz vorm Verzweifeln bist, kann das eigentlich nichts Großes sein.

Der Skiplink "Navigation überspringen" ist Teil des Navigationstemplates mod_navigation.xhtml. Normalerweise wird das durch den von xchs geposteten Style ausgeblendet. Dieser Style ist in der contao.css enthalten (siehe Seite 211) und sollte deshalb immer zur Verfügung stehen.

Lösungsvorschlag
Da wir ohne einen Link deinen Quelltext nicht untersuchen können und den Fehler durch Raten wahrscheinlich bis Ostern noch nicht gefunden haben, probiere doch einfach mal folgendes.

1. Erstelle mit Mamp oder XAMPP eine zweite Contao-Installation in einem neuen Ordner. Name ist egal.
2. Kopiere von den Beispieldateien aus dem Ordner für Anfang Kapitel 10 die Ordner /templates/ und /tl_files/ in die neue Installation. Eine Anleitung zum Einsatz von Frontend-Templates und einen Link zu den Beispieldateien für Contao 2.11 findest du in diesem Beitrag.
3. Installiere Contao mit dem Frontend-Template für Anfang Kapitel 10.

Jetzt sollte alles soweit stimmen. Deine Meta-Navigation ist ja am Ende von Kapitel 9, von daher ist Anfang Kapitel 10 der richtige Einstieg. In den Beispieldateien werden zwar externe Stylesheets verwendet, aber das macht - wenn sonst alles stimmt - keinen Unterschied. Dem Browser ist es schnurzpiepegal woher er das CSS bekommt.

Und jetzt probierst du einfach nochmal die Änderung der Seitenstruktur. Wenn das geklappt hat, gehst du noch einmal in die erste Installation und untersuchst, was da schief gelaufen ist. Muss ja nicht mehr alles heute sein.

Man lernt aus Fehlern, und das meine ich ganz ernst. Der einzige Nachteil ist, dass das immer Zeit und manchmal auch noch Nerven kostet ;)

Was mir im Seitenquelltext in Beitrag #5 noch aufgefallen ist: Dort wird nach wie vor das zentrale Stylesheet im <head>-Bereich eingebunden.

HTML-Code:

---

<link href="tl_files/themes/blaues_theme/zentrale.css"
rel="stylesheet" type="text/css" />

---

Wenn Du - wie Du oben geschrieben hast - nur die internen Stylesheets verwenden möchtest, dann könntest Du diesen Eintrag im Feld "Zusätzliche <head>-Tags" im "Seitenlayout" wieder entfernen. Damit wäre (auch im Hinblick auf die Fehlersuche) sichergestellt, dass ausschließlich die Formatdefinitionen aus den internen Stylesheets für die Formatierung des HTML-Markups zum Tragen kommen und nicht von etwaigen CSS-Regeln aus dem extern eingebundenen Stylesheet möglicherweise wieder überschrieben werden.

Übrigens: Das <link>-Element für die Einbindung des externen Stylesheets würde ich in einer Zeile schreiben und nicht wie bei Dir auf zwei Zeilen umgebrochen. Im ToDo auf Seite 201 wird in Schritt 4 zwar auch genau an dieser Stelle umgebrochen, das hat aber rein platztechnische Gründe in der gedruckten Ausgabe ;)

Hallo zusammen!

Vorweg einmal recht herzlichen Dank an alle für die tollen Tipps, ohne die jetzt nicht wieder alles funktionieren würde.

Nun kurz zu meiner Vorgangsweise:

Dieser Lösungsvorschlag war einmal der erst Schritt, damit ich das ganze mal vergleichen konnte. Nicht nur das AHA - Erlebnis in den Anfängerstiefeln eine zweite Installation hinzubringen, sondern das ganze hat auch noch perfekt funktioniert.

Zitat:

---

Zitat von pmmueller

Lösungsvorschlag
Da wir ohne einen Link deinen Quelltext nicht untersuchen können und den Fehler durch Raten wahrscheinlich bis Ostern noch nicht gefunden haben, probiere doch einfach mal folgendes.

1. Erstelle mit Mamp oder XAMPP eine zweite Contao-Installation in einem neuen Ordner. Name ist egal.
2. Kopiere von den Beispieldateien aus dem Ordner für Anfang Kapitel 10 die Ordner /templates/ und /tl_files/ in die neue Installation. Eine Anleitung zum Einsatz von Frontend-Templates und einen Link zu den Beispieldateien für Contao 2.11 findest du in diesem Beitrag.
3. Installiere Contao mit dem Frontend-Template für Anfang Kapitel 10.

Jetzt sollte alles soweit stimmen. Deine Meta-Navigation ist ja am Ende von Kapitel 9, von daher ist Anfang Kapitel 10 der richtige Einstieg. In den Beispieldateien werden zwar externe Stylesheets verwendet, aber das macht - wenn sonst alles stimmt - keinen Unterschied. Dem Browser ist es schnurzpiepegal woher er das CSS bekommt.

Und jetzt probierst du einfach nochmal die Änderung der Seitenstruktur. Wenn das geklappt hat, gehst du noch einmal in die erste Installation und untersuchst, was da schief gelaufen ist. Muss ja nicht mehr alles heute sein.

---

Wie Andreas angemerkt hat,

Zitat:

---

Zitat von Andreas

Ja, du kannst die Seitenstruktur beliebig verändern.

---

habe ich in der neuen Installation nach Belieben die Seitenstruktur geändert und jede Änderung wurde im Frontend makellos angezeigt.

Bei der Erstinstallation, wo der Fehler aufgetreten ist, habe ich die zwei Seitenquelltexte verglichen, konnte aber keine auffallende Abweichungen feststellen.

Ich habe die Seite dann zurückgesetzt bis zur Seitenstruktur (Buch S. 142), also ohne Einbindung von Stylesheets, lediglich das beschriebene Navigationsmodul und die Seite präsentierte sich wieder so : Anhang 7304.

Der Link "Navigation überspringen" hat mich fast in den Wahnsinn getrieben. :mad:

Der Rest ist schnell erzählt.

1. Die contao.css Datei mit der Orginaldatei vom Contao Download überschrieben - keine Änderung.
   
   
2. Die Ordner templates u. tl_files mit Ausschneiden in einen beliebigen Verzeichnis auf die Festplatte kopiert, dort etwas abliegen lassen :D und dann wieder zurückkopiert.

Zwar mehr intuitiv als professionell, aber ich traute meinen Augen nicht. Die Seite sah dann so aus Anhang 7305 und veränderte sich auch in weiterer Folge nicht mehr, auch mit Einbindung der Stylesheets, egal ob extern oder intern.

Dieser Fall wäre nun (Gott sei Dank) abgeschlossen, wünsche allen schöne Feiertage,

lg
ewaldo