Hat es drauf
Hi allerseits,
ich habe gerade ne kleine Denkblockade. Es geht um folgendes. Im Footer soll unter anderem auch eine Breadcrumb-Navigation untergebracht werden. Der Footer selbst bekommt die volle Breite. Darin liegend mehre Wrapper zum Ausrichten der einzelnen Inhalte (Breadcrumb, VCard etc.).
Mir geht es jetzt darum, die Farbe des aktiven Breadcrumb-Bereichs bis an den Außenrand des Browsers zu erweitern (siehe Skizze > Blauer Pfeil). Jedoch soll die Breadcrumb-Navigation selbst weiterhin mittig ausgerichtet bleiben. Hier komme ich gerade nicht weiter.
Eigentlich würde ich von der Semantik her nur eine Division setzen. Diese zum Ausrichten nehmen und dort später die Navigation inkludieren. Dem Section-Element könnte ich die allgemeine Farbe für die Navigation mitgeben. Mit dem eigentlichen Menü würde das ganze dann so oder so überlagert.
So, mit obigen fehlt mir jedoch der linke Teil. Daher nun an eine weitere Verschachtelung gedacht, die wie folgt aussieht.
So, wie verklickere ich jetzt den beiden flexiblen Divisions außerhalb des Wrappers, das sie sich den Platz nehmen, den sie bekommen. Komme genau an dieser Stelle nicht weiter. De facto auch kein vollständiges Markup posten kann. Eigentlich nen simples Konstrukt, nur komm ich einfach nicht drauf wo mein Fehler liegt.
Hier noch die Skizze, damit ihr es hoffentlich auch ohne Markup nachvollziehen könnt.
Liebe Grüße, Patrick
ich habe gerade ne kleine Denkblockade. Es geht um folgendes. Im Footer soll unter anderem auch eine Breadcrumb-Navigation untergebracht werden. Der Footer selbst bekommt die volle Breite. Darin liegend mehre Wrapper zum Ausrichten der einzelnen Inhalte (Breadcrumb, VCard etc.).
Mir geht es jetzt darum, die Farbe des aktiven Breadcrumb-Bereichs bis an den Außenrand des Browsers zu erweitern (siehe Skizze > Blauer Pfeil). Jedoch soll die Breadcrumb-Navigation selbst weiterhin mittig ausgerichtet bleiben. Hier komme ich gerade nicht weiter.
Eigentlich würde ich von der Semantik her nur eine Division setzen. Diese zum Ausrichten nehmen und dort später die Navigation inkludieren. Dem Section-Element könnte ich die allgemeine Farbe für die Navigation mitgeben. Mit dem eigentlichen Menü würde das ganze dann so oder so überlagert.
HTML:
<section id="breadcrumb">
<div class="wrap">
<!-- breadcrumb here! -->
</div>
</section>
So, mit obigen fehlt mir jedoch der linke Teil. Daher nun an eine weitere Verschachtelung gedacht, die wie folgt aussieht.
HTML:
<section id="breadcrumb">
<div class="col-2 first"></div>
<div class="wrap">
<!-- breadcrumb here! -->
</div>
<div class="col-2"></div>
</section>
So, wie verklickere ich jetzt den beiden flexiblen Divisions außerhalb des Wrappers, das sie sich den Platz nehmen, den sie bekommen. Komme genau an dieser Stelle nicht weiter. De facto auch kein vollständiges Markup posten kann. Eigentlich nen simples Konstrukt, nur komm ich einfach nicht drauf wo mein Fehler liegt.
Hier noch die Skizze, damit ihr es hoffentlich auch ohne Markup nachvollziehen könnt.
Liebe Grüße, Patrick