Hey Neuling 
Schöne Seite, gefällt mir ganz gut (=
Nur einige Kritikpunkte hab ich doch :wink:
Verwende Lieber den Footer-hack *1
[Das Impressum hat z.B. keinerlei Stylekram]*1
/* Footer-Hack */
html {
height: 100%;
}
body {
height:100%;
}
div#Content {
min-height: 100% !important;
}Du musst also dem html, und body eine Höhe von 100% geben und dort, wo dein Hauptcontent drin ist ein min-height: 100% !important;.
Kannst dann ggf. ein wenig mit margin-bottom: [negativerWert];(in den #Content) den Footer ein weniger höher ziehen
Uihh, schick schick :wink:
*hust* Aber das Reset gehört an den Anfang des (1.)Stylesheets..^^
Sonst überschreibt es dir deine bisherigen Angaben^^
Was du dir vielleicht auch angewöhnen kannst ist, dass du gleiches in ein und dem selben Stylesheet zusammen fasst.
Also z.B. ein default.css, ein navi.css o.Ä. so bleibt die Übersicht gewährt
Hallo,
und wenn ich alles in verschiedene Stylesheets mache,
greift der Browser dann auf alle zu?
Also nicht, dass er nur eines nimmt.
Und das Reset Stylesheet brauche ich dann auch nur in eines der vielen css Dateien machen?
Vielleicht hast du ja noch eine Idee, was ich besser machen kann...
Vielleicht ne Idee mit der Steuerung links 
?
Der Browser verwendet alle Stylesheets "des selben Namens". Hierbei geht er aber nicht vom Dateinamen, sondern vom title aus. Und kein Titel ist schließlich auch immer der selbe Name :wink: Du kannst ja mal schauen (meist) unter 'Ansicht' -> 'Webseiten-Stil' findest du eine Auflistung aller Stylesets. Meist sind das 'Kein Stil' (mit dem man CSS abschalten kann), da die wenigsten mehrere Einbinden.
Das Reset.css kommt dann am Besten in die erste CSS-Datei oder bekommt eine eigene Datei spendiert, die als erstes eingebunden wird
Naja.. was könntest du besser machen?
Die Steuerung links finde ich eigentlich ganz in Ordnung 
Du könntest Allgemein versuch ein paar weniger Div's zu verwenden..
<body>
<div id="seite">
<div id="kopfbereich">
<div id="oberesteuerung">
<ul>Hier könntest du meine ich mindestens 2 Div's sparen
Dazu einfach alles was in body steht in html, den Kram aus div#seite in body und div#obersteuerung in die ul setzen, welchem du eine Id gibst (ich würde das z.B. 'navi' oder 'mainnavi' nennen Die an der Seite dann ganz einfach 'subnavi').
Allgemein kannst du meistens eigentlich ein div um ein ul weglassen
Das durchgestrichene bei der linken Navi finde ich cool Könnte aber den Besucher verunsichern =/
Und auch das überstrichene finde ich eher suboptimal..^^ Mach lieber so etwas wie Fett, andere Farbe oder eine kleine Gut aussehende Mischung
Was mich noch an deiner Seite stört ist, dass der Text so zusammenhangslos aussieht.. nimm etwas von dem line-height weg, die Angabe ist meist unnötig
Was ich aber richtig cool finde, ist deine padding-border-Bilderrahmen Lösung
Hatte mir mal sowas ähnliches, mit border und outline überlegt^^
Lg
Sarkkan
Zitat von "Sarkkan"Der Browser verwendet alle Stylesheets "des selben Namens". Hierbei geht er aber nicht vom Dateinamen, sondern vom title aus. Und kein Titel ist schließlich auch immer der selbe Name :wink: Du kannst ja mal schauen (meist) unter 'Ansicht' -> 'Webseiten-Stil' findest du eine Auflistung aller Stylesets. Meist sind das 'Kein Stil' (mit dem man CSS abschalten kann), da die wenigsten mehrere Einbinden.
Das Reset.css kommt dann am Besten in die erste CSS-Datei oder bekommt eine eigene Datei spendiert, die als erstes eingebunden wird
Achso...
Und der beim Browser ist dann die Erste Stylesheet Datei, die ganz oben ist, also das ist dann die, die als erstes eingebunden ist?
Ok, ich mache alle unnötigen divs weg, bis auf "seite".
Ganz einfach aus dem Grund, weil der IE dazu neigt, wenn dem body eine Breite mitgegeben wird,
bei der Lightbox den verdunkelten Hintergrund "abzuschneiden" 
(siehe kreative küchenplaner galerie im IE).
Die Steuerung oben ( bald navi, oder mainnavi) könnte ich ja so wie hier: http://kreative-küchenplaner.de/ machen....
(muss ja nicht unbedingt so "langsam eingeblendet " weren...
Habe bloß keinen blassen Schimmer wie das geht 
Wäre aber bestimmt ein guter Effekt...
Die line height habe ich ehrlich gesagt nur so groß gemacht,
damit es ein wenig voller aussieht, und nicht so lehr :D.
Gruß neuling
Ja, im Allgemeinem läuft in der Informatik fast alles von oben nach unten ab^^
Uihh, dass mit dem Hintergrund bei dem IE wusste ich gar nicht O.o
Muss ich also nen kleinen Wert im js-Code ändern
Ich könnte ja jetzt gemein sein und auf meinen Quellcode verweisen :mrgreen: :wink:
Aber ich helfe dir gerne bei deinem Vorhaben^^ (Übrigens ist das langsame einblenden und die runden ecken nur eine Kleinigkeit klappt leider nur in den eher neueren Browsern.. aber is ja eig. nur eine Spielerei [: )
Wie bin ich vorgegangen?
-> Rahmen um die einzelnen <li> Elemente (damit man sieht, wo man arbeitet)
-> ggf. per margin-bottom die Elemente herunter ziehen, dass sie mit der unteren Linie gleich sind
-> den Rahmen nun wieder entfernen und stattdessen dem :hover geben
-> eine li.Klasse erstellen (hab die z.B. span genannt) und ihr die selben Werte wie :hover geben, jedoch mit der Besonderheit, dass border-bottom-color weiß ist [diese Klasse bekommen die Links, auf dessen Seite man sich gerade befindet [also deine jetztigen <strong>s ])
Feinheiten müsstest du ggf. mal austüfteln aber das ist so die Grobe Vorgehensweise
Hallo,
danke, jetzt klappt es schonmal... jedenfalls im Firefox.... darfst ja mal raten, wos wieder mal nicht klappt :roll:
Liegts beim IE möglicherweise, dass ich den schwarzen Rand unten als Bild gemacht habe, und somit
der IE mit background-color: white diesen nicht überdeckt?
Gibts da noch ne andere Lösung, sodass ich den Rand "im bild" behalten kann,
oder muss Ich das ganze jetzt wieder umstylen, dass der Rand übers css angezeigt wird?
Ich könnte ja jetzt gemein sein und auf meinen Quellcode verweisen :mrgreen: :wink:
Hab ich ja gemacht,
allerdings wird in den css dateien irgendwas mit Frames angezeigt, was mich dann wieder zur index.php datei bringt .
Zitat von "neuling11"Hallo,
danke, jetzt klappt es schonmal... jedenfalls im Firefox.... darfst ja mal raten, wos wieder mal nicht klappt :roll:
Liegts beim IE möglicherweise, dass ich den schwarzen Rand unten als Bild gemacht habe, und somit
der IE mit background-color: white diesen nicht überdeckt?
Gibts da noch ne andere Lösung, sodass ich den Rand "im bild" behalten kann,
oder muss Ich das ganze jetzt wieder umstylen, dass der Rand übers css angezeigt wird?
Öhm.. spontan würde ich sagen dass du den Kopfteil relativ positionierst. Dann kannst du die Navigation absolute in dem Kopfteil positionieren und sie per z-index in den Vordergrund schieben^^
Zitat von "neuling11"
Achja.. xD Ich weiß nicht wie ich das gemacht hatte.. aber es ist für jeden Browser irgendwie unmöglich den Code per 'Seitenquelltext Anzeigen' anzuzeigen..^^
Kommt glaube ich durch die Umlaute in der Domain^^ Aber man kann sich den Pfad auch in die Adresszeile kopieren und dann ansehen
Doch, das funktioniert
Aber da ich nicht weiß, wie ich das alles erklären soll hab ich dir hier mal was gemacht..
Ich hab leider nur den Firefox und Chromium zur Verfügung.. aber in beiden sieht es schon mal gut aus
Schau dir das mal bitte an, sarkkan.de/Neuling11/. War mal so dreißt und hab des n bisschen Modifiziert 
Es ist übrigens auch ein 2.Stylesheet angegeben schau dir das auch mal an
Ja... wirklich schwierig war das nicht
Aber wie ich dir die ganzen schritte erklärt hätte ist mir unbegreiflich^^ Daher hab ich es dir einfach mal gemacht gehabt
Verändere das einfach ein bisschen, spiele mit den Werten rum, so lernst du am besten (=
Ich habe in den Stylesheets nur einmal dein Logo angegeben und zwar dort, wo es gebraucht wurde ( #header in navi.css's wobei ich den Header im Normalfalle in den Grundstyle (style.css) legen würde ).
Wieso sollte ich es auch mehrfach einbinden, wenn wir es auf der Seite nur einmal haben wollen?
Auch hatte ich mich einiger Div's entledigt :wink:
Und versucht in deinem CSS-Code überflüssiges zu entfernen.. (Entferne bitte nach Möglichkeiten überflüssige Styleangaben, oke? :D)
Wahrscheinlich werde ich es einfach so lassen...
Ich habe jetzt offline ein bisschen mit grau, diesem "lilaton" und anderen Farben für den Hintergrund im Logo rumprobiert, damit das Her-
vorgehobene in der Steuerung noch besser aussieht, aber weiß sieht einfach am besten aus...
Jede andere Farbe würde irgendwie zu kitschig wirken.
Ja, den div steuerung wird auch durch eine ul id ersetzt,
und vielleicht auch "seite" in den body,
wenn du mir vielleicht den veränderten javascript von der lightbox zukommen lässt
Das ist kein Problem (=
Ich habe da nur eine Kleinigkeit im css-Code geändert
Suche dir einfach #overlay und gib ihm zusätzlich noch den Wert min-width: 100% !important;. Zumindestens der Chromium, der anscheinend genau den selben Fehler macht, wird es jetzt richtig angezeigt Leider hab ich keinen IE um das zu testen, daher freue ich mich schon auf deinen Bericht
Für denn Fall das du Probleme hast, kannst du dir ja meine Lightbox-Style-Datei kopieren.. glaube aber nicht, dass das Schwierigkeiten bereiten sollte oder? (Habe dort auch einige CSS3 Sachen eingebaut, im Notfall einfach alle border-radius und transition's entfernen :D)
Hallo,
also bei Dir funktioniert es schonmal im IE
Warum so minimalistisch geschrieben?
Du bist nicht zufällig mit Linux unterwegs, da du ja anscheinend keinen IE hast/bekommst?
(wenn ja, welchen Editor würdest du dafür empfehlen? Ich kenne nur Bluefish...)
Ist das nicht die Standardschreibweise von der Lightbox?
Außerdem mache ich das früher oder später eigentlich bei jedem fertigen Styleesheet Das spart einige Bytes bis Kilobytes
(Und naja.. wer dachte schon, dass ich jemals was an dem Stylesheet da machen würde? o.O)
Ganz zufälligerweise bin ich Linuxaner/Ubuntuuser, wieso?
Ich verwende unter wine(mit 'human'-Style) mein Scriptly
Zitat von "neuling11"Was mir aufgefallen ist, als ich der Steuerunglinks eine ul#id gegeben habe ist, dass der Text dann auf der Rechten Seite erst unter der ul angefangen hat.
Hä? Wieso ist den das passiert?
Schön, dass du 2 Stylesheets hast
Aber das Navi-Stylesheet ist ja theoretisch zu viel.. schließlich steht im 1. schon alles drin :wink:
Also ich nehme normalerweise eine relative Breite, und setzte eine mind Breite von 900px und eine max. Breite von 1300px
Kannst theoretisch auch etwas höher als 900 wählen, aber mehr als 980/990px sollte es lieber nicht Sein, wegen der Scrollbar
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!