Breite der Sidebar ändern

drburgundy

Hallo,

ich habe vor die Breite meiner Sidebar zu ändern. Dazu bin ich nun in die Style.css gegangen und die Breiten von .main & .sidebar so geändert, dass die Gesamtbreite erhalten bleibt.

An sich sind die Änderungen auch durchgeführt, aber nicht auf der kompletten Seite. Im unteren Teil sieht man nach wie vor die alten Breiten. (siehe Bild)

Ich hoffe ihr habt verstanden, worum es mir geht. Auf den Code habe ich erst einmal verzichtet.

Vielen Dank.

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

-=Marc=-

Moin,

Zitat von drburgundy

Im unteren Teil sieht man nach wie vor die alten Breiten. Ich habe eine Mindesthöhe meiner Seite festgelegt, ich habe das Gefühl, dass nur in diesem Bereich die neuen Größenangaben greifen. (siehe Bild).

Ich sehe kein Bild. 8)

Zitat

Ich hoffe ihr habt verstanden, worum es mir geht. Auf den Code habe ich erst einmal verzichtet.

Ohne Link und/oder css-Code wird es schwierig bis unmöglich wirklich zu helfen.

Gruß
Marc

drburgundy

Bild ist nun drin.

Warum ich auf den Code verzichtet habe ist einzig und allein der Umfang ;)
Wenn ich wüsste welchen Bereich es betreffen könnte, dann setze ich den Code auch sofort hier rein. Ich kann ja schon mal den Main und den SidebarCode reinsetzen:

Code

#main {
    background:transparent;
    width:685px;
    padding:13px 15px 15px;
    float:left;
    overflow:hidden;


#sidebar {
    background:#F7F7F7;
    width:220px;
    float:right;
    font-size:95%;
    line-height:180%;
    overflow:hidden;
    padding-top:8px;

Alles anzeigen

-=Marc=-

Da ist unterhalb von #main und #sidebar augenscheinlich ein weiterer Bereich (eventuell sind es auch zwei Bereiche - geteilt wie zuvor #main und #sidebar, welcher ebenfalls angepasst werden muss.

Tipp:
Firebug installieren
Danach rechtsklick in den Bereich unterhalb von #main und #sidebar und schauen, wie das dort unten bezeichnet und im css deklariert ist.

Oder Du machst es Dir und uns leicht und postest einen Link zur Seite. :)

alchymyth

sieht so aus, als waere die optische sidebar durch ein hintergrundbild eines ubergeordneten divs gemacht.

einfach alle bilder im images/ verzeichnis des themes durchsuchen.

ohne link ist dazu nicht mehr zu sagen.

drburgundy

So, na dann mal die volle Ladung Codes :p

Sidebar:

Code

#sidebar {
    background:#F7F7F7;
    width:220px;
    float:right;
    font-size:95%;
    line-height:180%;
    overflow:hidden;
    padding-top:8px;    
}
.sidebar h3 { 
background:transparent;
margin-bottom: 2px;
font-size:115%;
font-family:Verdana,"BitStream vera Sans",Arial,Helvetica,Sans-serif;
color:#585858;
}
#sidebar li {
    background:transparent;
    padding-left:2px;
    list-style:disc;
    margin-top:4px;
    /*font-size:95%;*/
}
#sidebar .content, 
#sidebar li {
    font-size:16px;
}
#centersidebar, 
#northsidebar .widget {
    background:transparent;
    padding:10px 15px 16px;
    margin-top: 5px;
}
#northsidebar .textwidget {
background:transparent;
text-decoration:none;
font-weight: normal;
font-size:12px;
}
#northsidebar .textwidget ul {
list-style: disc;
list-style-position: outside;
}
#northsidebar .textwidget ul li {
color: #585858;
font-size:12px;
}


#southsidebar .widget {
    background:transparent;
    padding:10px 15px 16px;
}
#centersidebar {
    padding-bottom:6px;
}
#northsidebar, 
#southsidebar {
    font-size:95%;
}
#northsidebar .widget h2, 
#southsidebar .widget h2 {
    margin-bottom:10px;
}
#northsidebar .widget .content p, 
#southsidebar .widget .content p {
    margin-bottom:10px;
}
#westsidebar {
    width:121px;
    float:left;
    padding-right:5px;
    font-size:95%;
    overflow:hidden;
}
#eastsidebar {
    width:129px;
    float:right;
    font-size:95%;
    overflow:hidden;
}
#westsidebar h3, 
#eastsidebar h3 {
    margin-bottom:5px;
}
#westsidebar .widget, 
#eastsidebar .widget {
    margin-bottom:15px;
}
#sidebar .widget_feeds {
    padding:5px 15px 15px;
}
#sidebar #feedrss, 
#sidebar #feedemail, 
#sidebar #followme {
    height:25px;
    line-height:25px;
    display:block;
    padding:5px 5px 5px 36px;
    float:left;
    text-decoration:none;
    font-size:11px;
}
#sidebar #feedrss {
    background: url(img/feeds.gif) 5px 5px no-repeat;
}
#sidebar #feedemail {
    background: url(img/feeds.gif) 5px -45px no-repeat;
    margin-left:10px;
}
#sidebar #followme {
    background: url(img/feeds.gif) 5px -95px no-repeat;
    margin-left:10px;
}
#subscribe ul {
    display:none;
    position:absolute;
    background:#F4F5F7;
    border:1px solid #B7B7B7;
    width:180px;
    padding:5px;
}
#subscribe li {
    background:transparent;
    list-style:none;
    float:left;
    margin:0;
    padding:0;
    display:block;
}
#subscribe li a span {
    background:url(img/readers.gif) no-repeat;
    height:20px;
    width:80px;
    display:block;
    text-indent:-999em;
}
#subscribe li#google_reader a span {
    background-position:0 0;
}
#subscribe li#youdao_reader a span {
    background-position:0 -20px;
}
#subscribe li#xianguo_reader a span {
    background-position:0 -40px;
}
#subscribe li#zhuaxia_reader a span {
    background-position:0 -60px;
}
#subscribe li#yahoo_reader a span {
    background-position:0 -80px;
}
#subscribe li#newsgator_reader a span {
    background-position:0 -100px;
}
#subscribe li#bloglines_reader a span {
    background-position:0 -120px;
}
#subscribe li#inezha_reader a span {
    background-position:0 -140px;
}
#subscribe li a {
    display:block;
    padding:5px;
    text-decoration:none;
    width:80px;
    font-size:12px;
}
#subscribe li a:hover {
    background:#EEDDCC;
}
#tag_cloud a {
    line-height:130%;
}

Alles anzeigen

Main:

Code

#main {
    background:#FFF url(img/main_shadow.jpg) no-repeat;
    width:685px;
    padding:13px 15px 15px;
    float:left;
    overflow:hidden;
}
#notice {
    color:#080;
}
#notice a {
    text-decoration:none;
}
.post {
    padding-bottom:5px
    padding-bottom:15px;
}
*+html .post {
    padding-bottom:15px
}
.post h2 {
    display:block;
    margin-top:0px;
    padding:0 5px 3px;
    font-size:18px;
    font-family:Verdana,"BitStream vera Sans",Arial,Helvetica,Sans-serif;
}
.post h2 a.title {
    text-decoration:none;
    color:#4C4C4C;
}
.post h2 a.title:hover {
    color:#2970A6;
}
.post h2 .act a {
    font-weight:normal;
}
.post .info {
    margin:5px;
}
.post .info span.first {
    margin-left:0;
}


.post .editlinks {
    background:transparent;
    padding-left:22px;
    height:16px;
    line-height:16px;
    display:block;
    font-size:11px;
}
.post .tags, 
.post .categories {
    background:url(img/icons.gif) no-repeat;
    width:16px;
    height:16px;
    line-height:16px;
    display:block;
    text-indent:-999em;
}
.post .under span.tags, 
.post .under span.categories {
    margin-right:6px;
}
.post .act {
    height:16px;
    float:right;
}
.post .act span {
    float:left;
    margin-left:15px;
}
.post .tags {
    background-position:0 -400px;
}
.post .categories {
    background-position:0 -480px;
}
.post .date {
    background-position:0 -48px;
    margin-right:15px;
    float:left;
}
.post .author {
    background-position:0 0;
    float:left;
}
.post .editpost {
    background-position:0 -64px;
    margin-left:15px;
    float:right;
}
.post .comments {
    background-position:0 -96px;
    float:right;
}
.post .addcomment {
    background-position:0 -112px;
    margin-left:15px;
    float:right;
}
.post .addlink {
    background-position:0 -176px;
}
.post .editlinks {
    background-position:0 -192px;
}
.post .content {
    padding:5px 0 0 5px;
    line-height:145%;
    overflow:hidden;
}
.post .content p {
    margin-bottom:10px;
}
.post .under {
    height:16px;
    line-height:16px;
    font-size:11px;
    margin-bottom:10px;
}
.post .under span {
    float:left;
    margin-right:15px;
}
.post .content h4 {
    color:#080;
    margin-bottom:10px;
}
.post .content img {
    max-width:600px;
}
.post .content ul, 
.post .content ol {
    padding-bottom:10px;
}
.post .content ul li, 
.post .content ol li {
    list-style-position:inside;
    padding-left:20px;
}
.post .content table { /* Tabelle! */
    background:#FFF;
    border-collapse:collapse;
    margin:1px 2px 5px;
}
.post .content th,
.post .content td {
    border:0px; /* Tabelle! */
    padding:2px 5px;
    text-align:left;
    vertical-align:top;
    }
.post .content tr.even td {
    background:#F7F7F7;
}
.post .content th {
    background:#EDEFF0;
}
.post .content .boxcaption {
    background-image:url(img/postbox.gif);
}
.post .content .box {
    background-image:url(img/postbox.gif);
}
#postpath {
    background:url(img/icons.gif) 0 -320px no-repeat;
    line-height:16px;
    margin:5px 0;
    padding-left:22px;
}
#pagenavi, 
#postnavi {
    border-top:0px;
    margin:10px -5px 0;
    padding:10px 5px 0;
}
#pagenavi {
    font-size:11px;
}
#pagenavi .newer a, 
#postnavi .prev a {
    background:url(img/icons.gif) 0 -224px no-repeat;
    padding-left:22px;
    float:left;
    height:16px;
    line-height:16px;
}
#pagenavi .older a, 
#postnavi .next a {
    background:url(img/icons.gif) 100% -240px no-repeat;
    padding-right:22px;
    float:right;
    height:16px;
    line-height:16px;
}

Alles anzeigen

-=Marc=-

Sorry, das geht so nicht wirklich gut. Es ist nicht erkennbar, wie was und wo umgesetzt wurde.

Wenn Du Dich schon so mächtig wehrst und den Link nicht rausrückst: Wie heißt denn das Theme?

[size=8]Ich glaub, bald sollten wir anfangen und Rechnungen fürs Consulting schreiben...[/SIZE] 8)

alchymyth

hintergrundbild -
photoshop, gimp, fireworks, oder eins der freien online bildbearbeitungsprogramme - problem geloest.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Breite der Sidebar ändern

Jetzt mitmachen!