Hallöchen!
Ich habe ein kleines Problem
Die Navigation sieht im Firefox total zerschossen aus, sie reicht über den Footer anstatt das ganze Konstrukt mit aufzuziehen, kann mir jemand sagen woran das liegt?
hier noch ein Beispiel
gruß und danke
Firefox - Dringend Hilfe
-
-
- 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)
-
Mit position:absolute wird das Element aus dem normalen Fluss herausgenommen, quasi als wäre es nicht da. Deswegen passt sich der umliegende Container nicht an die Größe der Sidebar an.
-
und was muß ich jetzt wo ändern?
danke für deine Hilfe -
Entweder das position:absolute entfernen und den CSS-Code entsprechend anpassen, oder dem content-Containter eine (Mindest-) Höhe geben.
-
ich habe dem content div nun
min-height:400px;
padding: 20px;
border-right: 1px solid #b0b0b0;
border-left: 1px solid #b0b0b0;
color: #333333;hinzugefügt, jetzt sind die Artikel auf der startseite im Firefox ebenfalls mit dieser größe ausgestattet...hmmm
-
versuchs mal mit overflow: hidden
-
Also hier nochmal das css dazu:
#content
{
min-height:400px;
padding: 20px;
border-right: 1px solid #b0b0b0;
border-left: 1px solid #b0b0b0;
color: #333333;#nav
{
width: 680px;
height: 25px;
border-bottom: 1px solid white;
color: white;
background-color: #202020;
opacity: 0.8;
-moz-opacity: 0.8;
filter rogidXImageTransform.Microsoft.Alpha(opacity=80);
position: fixed;
top: 0px;
margin-left: -340px;
left: 50%;
margin-top: 0px;
padding: 0px;
z-index: 99;_position: absolute;
_top: expression((dummy = document.documentElement.scrollTop) + "px");
} -
Dein Design ist kaputt. Auf der Startseite hast du mehrere #content (merke ID = eindeutig, d.h. nur 1x! - Arbeite mit Klassen.).
Schnelle Lösung: Gib das min-height mal dem #body (div id="body").
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!