Bin am verzweifeln - css-Problem

HolgerGr

Hallo Leute,

ich habe mich total verzettelt. Ein halbes dutzend media queries und hunderte, teilweise auskommentierte Anweisungen. Die Seite ist schon etwas älter und lag nicht mehr in meinem Fokus. Nun sollte etwas geändert werden was eoigentlich gar kein Problem sein sollte. Aber ich habe alles nur noch schlimmer gemacht. Zusätzlich scheint beim letzten Firefox-Update irgendwas mit dem Inspektor schief gelaufen zu sein. Ich kann die einzelnen Elemente nicht mehr richtig mit der Maus auswählen.

Folgendes: Der rechte Kasten (dieses halbtransparente Teil) soll sich von der Größe her einfach nur dem Inhalt anpassen. Ich hatte ihn damals ganz nach oben an den oberen Rand geklebt. Er soll da weg und etwa in die Seitenmitte. Ihr könnte das allerdings derzeit nur auf einem halbwegs großen Monitor sehen. Auf Tablet oder Handy wird derzeit etwas komplett anderes angezeigt.

Wäre echt dankbar wenn mir jemand helfen könnte.

http://wighty.de/13/

Daaaanke
Holger

Werbepost

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)

Mehr erfahren

SirEctor

#rechts bekommt per CSS eine min-height von 850px zugewiesen. Diese müsste raus, wenn es sich dem Content anpassen soll. Und weiter in die Mitte bekommst du es z. B. mit margin-top.

doni32

Ändere mal #rechts auf "width: 50%;", dann müsste das wieder passen.

Sailor56

Du hast Recht :-)... das Stylesheet ist gruselig und bedarf wohl dringend der Überarbeitung.
Aber das sich der rechte Container nicht an den Inhalt anpasst, liegt wohl daran, dass du für #rechts an mehreren Stellen ein min-height (zB in Zeile 418ff deiner styles.css min-height: 850px;) angegeben hast.
Mit dem FireFox Update ist wohl nichts verkehrt, zumindest bei mir funktioniert der Inspektor nach wie vor einwandfrei.

HolgerGr

Yippie, Ihr seid klasse! Das hat schon mal geklappt. Ich hatte nur die Werte für den großen Monitor geändert. Jetzt muss der Kasten nur noch auf halbe Seitenhöhe statt an den oberen Seitenrand. Einen festen Wert margin-top kann ich nicht angeben, da ich nicht weiss wie viel Inhalt da reinkommt.

SirEctor

Nur mal die grobe Richtung gezeigt:

Code

#rechts {
    margin-top: 50vh;
    transform: translateY(-50%);
}

HolgerGr

Echt super! Vielen Dank. Hat einwandfrei funktioniert.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bin am verzweifeln - css-Problem

Jetzt mitmachen!