Auf Thema antworten 2026

Beitrag

<blockquote data-quote="patrick_l" data-source="post: 2457206" data-attributes="member: 194379">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 &gt; 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]&lt;section id=&quot;breadcrumb&quot;&gt;&nbsp; &lt;div class=&quot;wrap&quot;&gt;&nbsp; &nbsp; &lt;!-- breadcrumb here! --&gt;&nbsp; &lt;/div&gt;&lt;/section&gt;[/html]So, mit obigen fehlt mir jedoch der linke Teil. Daher nun an eine weitere Verschachtelung gedacht, die wie folgt aussieht. [html]&lt;section id=&quot;breadcrumb&quot;&gt;&nbsp; &lt;div class=&quot;col-2 first&quot;&gt;&lt;/div&gt;&nbsp; &lt;div class=&quot;wrap&quot;&gt;&nbsp; &nbsp; &lt;!-- breadcrumb here! --&gt;&nbsp; &lt;/div&gt;&nbsp; &lt;div class=&quot;col-2&quot;&gt;&lt;/div&gt;&lt;/section&gt;[/html]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. <a href="http://abload.de/image.php?img=breadcrumb-demobgri0.png" target="_blank"><img src="http://abload.de/thumb/breadcrumb-demobgri0.png" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></a>Liebe Grüße, Patrick</blockquote>

[QUOTE="patrick_l, post: 2457206, member: 194379"] 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. [html]<section id="breadcrumb"> <div class="wrap">  </div> </section>[/html] 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">  </div> <div class="col-2"></div> </section>[/html] 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. [url=http://abload.de/image.php?img=breadcrumb-demobgri0.png][img]http://abload.de/thumb/breadcrumb-demobgri0.png[/img][/url] Liebe Grüße, Patrick [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?