Hallo zusammen!
Möchte gerne meine Navigation (oben) über die ganze Browserbreite erstrecken...
Der Contentbereich und Sidebar sollen aber zentriert bleiben. :)
Hier der Link:
http://www.mentalcampus.de
LG
Navigation waagerecht über ganze Breite
-
-
- Gerade eben
- Anzeige
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
- ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
- ✔️ Deutsche Server & DSGVO-konform
- ✔️ Persönlicher Support (kein 0815-Ticket-System)
-
Ach so...
das Theme ist Twenty Eleven...
-
würde hier mal die Position auf relative setzen:
ZitatAlles anzeigen
/* =Menu -------------------------------------------------------------- */
#access { background: #000; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#383838, #0a0a0a);
background: -o-linear-gradient(#383838, #0a0a0a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#383838), to(#0a0a0a)); /* older webkit syntax */
background: -webkit-linear-gradient(#383838, #0a0a0a);
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
clear: both;
display: block;
float: left;
margin: 0 0 0 0;
width: 100%; [COLOR=#ff0000]
position: fixed;[/COLOR] -
Danke gericoach...
ABER.... ich möchte gerade, dass das Menü nicht mitscrolled... UND über die ganze breite geht...:)
Ideen?
-
Hallo Rudechris. Lösung schon gefunden? Nein?
css auf position:fixed; top:0; right:0; left:0;
Die Angaben für left und right ziehen es bis an den Rand, bis auf 0 Pixel. Wenn der <body> padding: xyz; hat, könnte es sein, das Du nicht ganz bis links oder rechts kommst. Dann musst Du als Beispiel left: -xyz; right: -xyz verwenden, sofern Du wirklich bis an den Rand magst.
Hoffe es hilft. Grüße!
-
AHAAAA! Danke... :-o
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!