Probleme mit zwei Sidebars im Kubrick Theme

Marius

Moin,

die Überschrift sagt es eh schon.

Irgendwie bekomme ich das mit CSS nicht hin.
Hier der verwendete Code:

Code

.narrowcolumn {overflow: hidden;
	width: 300px;
	float: right;
	padding: 0 0px 20px 0;
}


.widecolumn {overflow: hidden;
	width: 300px;
	float: right;
	padding: 0 0px 0 120px;
	}


#sidebar
{
	float: left;
	width: 150px;
	padding: 20px 25px 0 40px;
	}


#rsidebar {
         float: right;
         width: 150px;
         padding: 20px 40px 0 25px;
}

Alles anzeigen

Hier ist die Seite einzusehen.

Bin für jeden Tipp dankbar.

ciao Marius

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

Marius

Anscheinend ist das Modden von Kubrick nicht sehr beliebt.. was solls. Ich hab das Problem auf eigene Faust gelöst. Hier der Code für alle, die soetwas auch mal machen wollen:

Code

.narrowcolumn {margin-left: 215px;
	float: left;
	width: 330px;
	padding: 0 0px 0px 0;
}


.widecolumn {margin-left: 215px;
	width: 330px;
	float: left;
	padding: 0 0px 0 0px;
	}


#sidebar
{	margin-left: -545px;
	float: left;
	width: 150px;
	padding: 20px 25px 0 40px;
	}


#rsidebar {
         float: left;
         width: 150px;
         padding: 20px 40px 0 25px;
}

Alles anzeigen

Monika

1. Tipp
verringere die paddings mal massiv,
die sind ja viel zu weit ..
dann schau was passiert.

ach ja und Deine beiden sidebars sind 300px breit
stimmt dann das -545px
das wäre auch zu überprüfen-aber als 2. Schritt.

Code

#sidebar
{   margin-left: -545px;
   float: left;
   width: 150px;
   padding: 20px 5px 0 5px;
   }


#rsidebar {
         float: left;
         width: 150px;
         padding: 20px 5px 0 5px;
}

Alles anzeigen

lG
Monika

Marius

Erstmal danke für ne Antwort.. :)

(1) Wenn ich die padding verringere, dann verkleiner sich die jeweilige Box (narrowcolumn, sidebar etc.). Spielt also in der Gestaltung ne sekundäre Rolle.

(2) Die Sidebars sind zwar schon zusammen 300px breit, aber bei der Gestaltung muss man ja auch die padding Breite hinzuaddieren.

Jedefalls ist mir aufgefallen, dass im FF alles passte. Der IE zickte natürlich wiedermal rum. (Übrigens schönen Gruss an die Leute aus Redmond.. die Überstunden bekommen ich wegen euch nicht bezahlt!)

Ich werde mal schauen, ob es einen geeigneten IE Hack für dieses Positionsproblem gibt.

Bis dann,

Marius

P.S.: Sollte jmd. ne Lösung haben, unbedingt posten ;)

Monika

also so wie es aussah als ich es sah, waren die Boxen zu breit und daher hatten sie keinen Platz,

wieso dies dann keine Rolle spielt, wenn sie enger wreden versteh ichnicht ganz, aber macht nichts,

Du kannst ja auch das Modell nehmen, dass ich auf texto.de verwendete.

die style.css und html ist ja sichtbar,
da kannst Du die Boxen auch alle fluid machen wie Du magst,
das Design als ich es sah, war auch im Firefox nicht stimmig,

lg
Monika

Marius

OK.. ich gebe es mal auf allgemeine Code auszuspucken, weil es dann doch nicht wieder haut.

Ich habe es mit ein bisschen rumtüfteln hinbekommen, dass die Seite in allen drei Browsern einigermaßen gleich ausschaut.

Wer Fragen zu diesem Thema hat kann mir gerne ne pn oder e-mail schreiben.

ciao Marius

P.S.: Ich hasse den IE so sehr!!!! :evil:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Probleme mit zwei Sidebars im Kubrick Theme

Jetzt mitmachen!