Page 1 of 2
Probleme mit Navigation nach Layoutwechsel [Solved]
Posted: Thu 11. Oct 2007, 12:09
by santscho
Habe mein CSS-Layout gegen ein neues ausgetauscht. An der CSS-Datei für die Navigation habe ich nichts verändert. Im Template eingebunden ist die CSS auch.
Den Tag habe ich aus meinem alten Template kopiert:
{NAV_LIST_UL:F,16,,act_path,active}
Meine Navigation wird jedoch in Listenform, statt CSS-formatiert angezeigt. Egal, in welchem Container ich den Tag platziere.
Ich kann mir auch nicht vorstellen, dass die neuen CSS-Containerdefinitionen die CSS der Navigation überschreiben.
http://www.redcross.mediasolution.com.sg
Ralph
Posted: Thu 11. Oct 2007, 12:28
by flip-flop
Mhh, ich würde das so machen:
<div class="nlu_navi1">{NAV_LIST_UL:F,16,,act_path,active}</div> 
Ich sehe, du hast ja eine richtig gute Template-Technik im Einsatz.
Knut
Posted: Thu 11. Oct 2007, 15:07
by santscho
Hallo Knut
Jetzt gehts prima.
Du hast mir in einem Posting mal eine "solides" Layout empfohlen. Ich habe mir jetzt die Mühe gemacht, dieses nach meinen Wünschen abzuändern. War gar nicht so schwer. Die Spalten werden jetzt automatisch verlängert, wenn der Inhalt links oder rechts grösser wird.
Andere Frage:
Geh mal in der linken Navigation (Tsunami) unter: "Updates on Projects". Dann siehst Du, dass bei Zeilenumbruch (z.B. Evangelical Fellowship of Singapore (EFOS)) der Zeilenabstand viel zu gross ist. Kann man diesen verkleinern, ohne dass die Felder in der Höhe auch kleiner werden?
Vielen Dank!
Ralph
Posted: Thu 11. Oct 2007, 15:57
by flip-flop
Diese Navi-CSS ist in erster Linie für einzeilige Texte gemacht.
Hier wird die Höhe für jede Zeile festgelegt:
-> font: 11px/
20px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
Es gibt natürlich einen anderen Ansatz, indem die Zeilenhöhe nicht fixiert wird und die Abstände über padding geregelt werden.
-> font-size: 11px; font-style: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
.nlu_navi1 ul li a, .nlu_navi1 ul li a:link, .nlu_navi1 ul li a:visited, .nlu_navi1 ul li a:active {
.......
padding: 5px 5px 5px 25px;
.......
}
5px = oberer Abstand von der Oberkante des oberen Textes zum oberen Rand
5px = unterer Abstand von der Unterkante des unteren Textes zum unteren Rand
Zu sehen in einfacher Ausführung hier: mlas.at
Posted: Wed 17. Oct 2007, 16:10
by santscho
Hallo Knut!
Big Problem!!!!!!!
War heute wieder am Microsoft-Webdesign Seminar. Bei dieser Gelegenheit (ich bin Macuser) habe ich mal die Website mit einer Windows Vista Maschine mit dem neusten Internet Explorer betrachtet:
KATASTROPHE!: Die Drop-Downs der Top Navigation werden von der linken Navigation und der Content-Spalte überdeckt! Ausserdem ist die Content-Spalte nicht mehr weiss sondern grau! Bitte hilf mir, dieses Problem zu lösen. Fleh Fleh Fleh!
Habe übrigens im Seminar den Microsoft-Heini gefragt, warum IE nicht den CSS-Standards folgen kann. Er hat nur gemeint: "I don't use Internet Explorer" und hat dabei gelacht. Eine Aussage die er noch anfügte: Die Browserhersteller sollten endlich zusammen sitzen und einen gemeinsamen Standard erarbeiten. Im Allgemeinen ist das Seminar sehr interessant. In Sachen AJAX gibt Microsoft Vollgas! Microsoft Silverlight und Expression leistet das wirklich ganze Arbeit. Ich war beeindruckt.
Aber eine andere Aussage hat mich wieder stutzig gemacht. Er meinte: "Webdesigner, die zu Zeit Adobe-Produkte verwenden, werden nicht ganz zufrieden mit Expression sein. Expression ist einfach noch nicht auf dem Level von Adobe. Nicht gerade gute Eigenwerbung von Microsoft.
Grüsse aus Singapur
Ralph
Posted: Wed 17. Oct 2007, 16:23
by pepe
Hi Ralph.
wenn du überlegst, das MS
vor dem Standard da war... läßt sich manches sicherlich erklären...
Und... der 2. hats immer leichter, die Fehler des 1. zu vermeiden
Insbesonder das Boxmodell des Standards... entbehrt alledings jeglicher Logik... das muß ich MS mal zugute halten !!!
Ich würde mich auch ungerne von der richtigen Lösung verabschieden, nur weil der Standard es standardmäßig falsch macht
Allerdings haben wir User jetzt den Ärger....
Posted: Wed 17. Oct 2007, 17:58
by flip-flop
wenn du überlegst, das MS vor dem Standard da war... läßt sich manches sicherlich erklären...
Und... der 2. hats immer leichter, die Fehler des 1. zu vermeiden Wink
Insbesonder das Boxmodell des Standards... entbehrt alledings jeglicher Logik... das muß ich MS mal zugute halten !!!
Das stimm so nicht.
1994 Netscape HTML 2.0 Unterstützung
1994 Gründung W3C
1995 IE: Die erste Version (Codename O’Hare) basierte auf dem Browser "Spyglass", einem Abkömmling des legendären Mosaic. Der Browser war seinerzeit Bestandteil des Windows 95 Plus Pakets.
1995 Apache 1.0 freigegeben / JavaScript wird webfähig
1996 Microsoft gibt Internet Explorer 2.0 frei. Erste CSS Ansätze, Java, Frames, Active X (Das Teil war eine ziemliche Katastrophe)
1996 HTML 3.2, ein erster Entwurf von XML und CSS Level 1 werden vom W3C freigegeben (Davon träumte der IE, mehr nicht)
1997 folgt HTML 4.0, 1998 XML 1.0
Posted: Wed 17. Oct 2007, 18:23
by pepe
Hi flip-flop (aka: living Brokhaus
)
danke für die umfassende Aufklärung und Richtigstellung... man lernt eben nie aus
Allerdings bleibe ich dabei, der Ansatz für das Boxmodell von MS ist
für mich deutlich logischer...
Ein Rand (border) gehört um die benötigte Fläche herum und nich in die Fläche hinein...
Aber egal, mittlerweile haben es ja wohl fast alle verstanden wie's funktioniert...
und wir werden uns noch viele Jahre mit den Unterschieden herumschlagen müssen
Posted: Wed 17. Oct 2007, 20:08
by juergen
Pepe, nicht sauer sein, aber ich hab breit gegrinst als ich Knuts Zeilen las....
Posted: Wed 17. Oct 2007, 20:30
by pepe
wieso sollte ich sauer sein...
Ich freue mich immer, wenn ich was dazu lernen kann
Posted: Thu 18. Oct 2007, 03:16
by santscho
hmmmmmm. Hoffentlich geht bei dieser Diskussion mein eigentliches Problem nicht unter
Ralph
Posted: Thu 18. Oct 2007, 03:25
by santscho
Ich könnte natürlich auch die Spalten mit einem über die ganze Breite laufendes Gif (vertikal wiederholend) lösen. Links graue Pixel, rechts weisse. Dann wäre mein Problem auch gelöst. Aber das ist einfach nicht der richtige Ansatz.
Ich bin am Verzweifeln!
Ralph
Posted: Thu 18. Oct 2007, 05:19
by santscho
Nettes Tool:
http://meineipadresse.de/netrenderer/index.php
Zeigt die Dartstellung der Website in verschiedenen Internetexplorer.
Mein Projekt
http://www.redcross.mediasolution.com.sg läuft einfach nicht unter IE. Je tiefer die IE-Version, desto schlimmer sieht es aus.
Was kann ich tun?
Posted: Thu 18. Oct 2007, 06:47
by flip-flop
Ich kann dein Problem hier nicht "mal eben lösen". Aber eines fällt sofort auf, du hast noch etwas vergessen im Template:
<!--[if IE]><style>
.outer0, .wide, h2 {
height: 0;
he\ight: auto;
zoom: 1;
}
/* rimuove complicazione per Gecko 1.7- */
.left {
margin-right: 0;
}
</style><![endif]-->
Deine CSS Dateien sind sehr schlecht lesbar.
Hier der erste Fehler:
padding: 5px 0 2px 25px;
/* ++ bottom line if you want */
/* ++ Untere Linie wenn gewuenscht */
border-bottom: 1px dotted #c00; /* IE6 Bug */
/* ++ Den "white-space" Fehler im IE7 vermeiden */
/* ++ Killing the "white-space" bug in IE7 */
\width: 200px; /* IE5x Opera <= 5 */
widt\h: 185px; /* = (Width of Menu Items) - (padding-right + padding-left) */
Breche an dieser Stelle das Debuggen ab, weil so etwas ist einfach nur "............"
Knut
Posted: Thu 18. Oct 2007, 18:51
by santscho
YUPEE! Template neu aufgebaut! Jetzt hauts auf:
Safari, Opera, FireFox, IE 6/7!!!!
Wirklich cool! Egal welche Spalte wächst, die andere wächst mit.
Dem Container mit der Dropdown-Navigation habe ich Z-Index 1 zugeteilt. jetzt sind alle Menupunkte sichtbar und nicht mehr unter dem Content versteckt.
Habe auch alle alten CSS-Dateien gelöscht und baue alles neu auf. Das wird mich einige Stunden Arbeit kosten. Da hatte ich viel Müll drinn!
Santscho