Clemens-XS Fortgeschrittener

Ich hab's jetzt als Kompromiss so gelöst, dass ich die ID content und die ID aside mit 0.8em Abstand nach oben definiert habe:
(Quelltext, 3 Zeilen)

Dadurch vergrößert sich zwar der Abstand zwischen dem gesamten Content und Breadcrumb. Aber es stört vom…

(Zitat von Clemens-XS)

Wenn, wie in den meisten Fällen, eh ein CSS-Framework verwendet wird, ist das sicher die elegantere Lösung

Hi Clemens,

doch, die media Query ist an mehreren Stellen fehlerhaft.
Kannst du im CSS Validator checken.

Wieso fügst du dem Modul nicht einfach die Klasse
hidden-phone
(Bootstrap 2 Standard) hinzu? Statt breadcrumb-cl.

Ansonsten einfach mit normalen Viewport…

Hi,

an der Stelle kannst du dem nachfolgenden Element (Klasse oder ID) noch die Angabe über margin geben.
(Quelltext, 7 Zeilen)

Und wie kann ich denn den Abstand hinein bekommen, wenn doch das Nicht-Anzeigen der Breadcrumb nun per "hidden-phone" bewirkt wird?

Sorry, aber ich hatte mich doch gerade dazu entschieden, die Breadcrumbs über die Bootstrap-Klasse "hidden-phone" unsichtbar zu machen, wenn Smartphones genutzt werden.

Die Versuche, rein auf das Pixelmaß screenwidth abzustellen, funktionieren nicht…

Herzlichen Dank für deine schnelle Antwort. Meine realtiv aufwendige @media-Kondition hatte ich irgendwo im Web in einem Scriptforum gefunden.
Die Bootstrap Klasse hidden-phone kannte ich noch gar nicht. Tja hab's gerade probiert und es funzt auf Anhieb…

In Benutzung ist das Standard-Protostar-Template. Ich glaube nicht, dass meine @media-Regel falsch oder unwirksam ist. Aber vielleicht ist ist die Art und Weise, wie ich diese Regel zur Anwendung bringen möchte falsch?

Hier mein CSS:
(Quelltext, 8 Zeilen)

…

Hab jetzt tatsächlich selber eine Weile gebraucht...

Du hast ein Ausrufezeichen hinter dem "important" stehen - das darf aber nur vorne stehen - somit ist das Attribut ungültig.

Hallo Clemens,

was ich meinte zeige ich hier im Screenshot:


Die untere Box ist nur zu 50% zu sehen. Wenn ich die Seite aufrufe wird erst einmal nur die obere Box angezeigt. Scrolle ich weiter runter funktioniert das mit den Beiträgen. Die rechte Seite…

Naja gut, wenn das so von Dir gewollt ist, dann ist es ja ok.

Ich würde es normal mitscrollen lassen. Alternativ auch kürzer fassen (obere und untere Box), so dass nur die Aufmerksamkeit geweckt wird und die Details in einen separaten Beitrag verlinken.

Ich danke dir herzlich für deine Meinung. Für das Mitscrollen lassen der Seitenspalte spricht auch, dass es ein evtl. ungewohnter und irritierender Anblick ist, dass zunächst der gesamte Content beim Scroillen nach oben geht und abrupt und ohne dass…

Ja genau, so wie du es beschreibst, habe ich es auch beabsichtigt. Wenn jemand einen Bildschirm mit geringerer Höhe hat, kommt der von dir beschriebene Effekt zustande. Ich gehe aber davon aus, dass jemand, der den Inhalt des zweiten Moduls in der…

Wow! Das mit dem falschen Ausrufungszeichen ist schon ein Klopper. Da wär ich so nicht drauf gekommen. Herzlichen Dank dir! Hab's heute Mittag korrigiert und jetzt wird Breadcrumbs zuverlässig unterhalb ca. 760px ausgeblendet.

Ziel meiner ganzen Aktionen…

Ach ja, die 60px hatte ich lediglich zum Ausprobieren eingesetzt. Manchmal setze ich drastische Werte ein, um eine Wirkung zu provozieren.
Habe gerade auf 600px geändert und... es tut sich nichts! Unterhalb von 600px müsste ja jetzt eigentlich…

Nee ich geb's auf... falls nicht hier noch eine Lösung kommt.
Hab gerade bemerkt, dass der Abstand der Breadcrumbs vom oberen Rand ständig variiert und nicht stabil zu bekommen ist.

Wer also jetzt noch auf die Muster-Site geht, wird meine Versuche nicht im…

Ich ändere mal meine Frage hier, denn ich habe inzwischen bei Screenwidth über 756px die von mir gewünschte "position: sticky" eingebaut.
Das Signet hat 5px Abstand vom oberen Rand und Breadcrumbs 12%. Beide Module sind mit sticky positioniert.

Die…

Auf meiner Website nutze ich das Protostar-Template und habe zu oberst auf der Seite an der Position "banner" mein Signet platziert. Ebenfalls auf "banner" und unterhalb des Signet habe ich "Breadcrumb" positioniert, was ja ebenfalls ein Modul ist.

Wird…

(Quelltext, 18 Zeilen)

Soll es grundsätzlich keine Icons mehr geben? Sonst bitte wieder einkommentieren erst mal, was du da in der template.css ab Zeile 6376 auskommentiert hast. Denn ohne das funktioniert IcoMoon gar nicht mehr.


Ist sicher noch nicht…

Ich drücke einfach den Zurück Button auf dem Handy oder an der Maus, um zu Übersichten zurück zu gelangen.

Wenn 1x nicht reicht, dann halt mehrmals (falls die Beitragsnavigation genutzt wurde)..

Das klappt immer und reicht mir.

Eigentlich unnötige Buttons,…