Beiträge von gsibergerin

Da stecken noch einige Fehler drin, die den IE7 schon aus dem Tritt bringen könnten, der verträgt da nicht so viel... ;-)
Unter anderem sind da zwei Sonderzeichen ganz am Anfang, die dort nicht hingehören und sogar angezeigt werden, die solltest du in deiner header.php suchen.
Außerdem werden body und html zwei Mal geschlossen (dieser Fehler steckt vielleicht in der footer.php). Du solltest deine Seite validieren und fehlerbereinigen.

P.S.: Dieses Plugin für Firefox kann recht hilfreich sein, um Fehler im Quellcode zu entdecken.

Hm... wir reden von der sich drehenden Erdkugel, oder täusche ich mich? Wird bei mir in FF3/Vista tadellos angezeigt. Hast du Opera und Chrome selbst auf dem PC oder hast du mit Browsershot o.ä. getestet? Vielleicht hat das Problem ja eine andere Ursache (Flashversion, nicht aktiviert...)?

Ganz einfach: style.css öffnen und bei sidebar und content (Linie 119 und 265) "float:left" auf "float:right" ändern.

Ich fürchte, das kann dir ohne weitere Angaben keiner sagen. Dazu braucht es einen Link. Falls du was an der index.php geändert hast, solltest du das posten.

Öffne die Datei style.css. Suche nach folgenden Stellen:

#sidebar {style.css (Linie 128)
color:#7A9499;
float:right;
font-size:11px;
margin:0;
padding:0 50px 0 25px;
text-align:left;
[COLOR=Red][B]width:165px;[/B][/COLOR]
}

und

#content {style.css (Linie 65)
color:#000000;
float:left;
margin:0 0 40px;
padding:0 65px 0 75px;
text-align:left;
[COLOR=Red][B]width:520px;[/B][/COLOR]
}

Die Sidebar kannst du verbreitern, indem du width vergrößerst. Was du bei sidebar vergrößerst, musst du bei content entsprechend verkleinern.

Das, was du willst, wird mit diesem Theme recht schwierig. Es hat eine Hintergrundgrafik, die auch die graue lange Linie links neben der Sidebar darstellt. Wenn du nun die Sidebar einfach verbreiterst, bleibt die Linie trotzdem am selben Platz und verläuft mitten durch die Schrift. Das heißt, du müsstest eine neue Hintergrundgrafik erstellen, damit diese Linie wieder am richtigen Platz ist, nachdem du die CSS geändert hast.

Einfacher als all die Änderungen, die hier notwendig sind, wird es also sein, dir ein passendes anderes Theme zu suchen.

Ich gehe jetzt mal davon aus, dass du mit strecken verbreitern meinst - wahrscheinlich die linke Spalte, richtig?
Natürlich geht das, man muss sich aber mit CSS relativ gut auskennen, denn es hängt da einiges zusammen: Es genügt meist nicht, eine Spalte einfach zu verbreitern, manchmal passen dann auch die Grafiken nicht mehr und müssen nachbearbeitet werden etc.

Wenn du mal ausprobieren willst, welche Auswirkungen das Verbreitern bei dir hat, dann öffne die Datei style.css und suche nach

#wrapper {style.css (Linie 66)
margin:0 auto;
position:relative;
[B][COLOR=Red]width:770px;[/COLOR][/B]
}

und

#left-col {style.css (Linie 130)
float:left;
margin-top:11px;
[B][COLOR=Red]width:545px;[/COLOR][/B]
}

und ebenso #content (width 625 px)

Width gibt die Breite des Containers an. Erhöhe alle diese um den selben Wert (z.B. um 100, vorher ein Backup der Datei machen), dann kannst du dir die Auswirkungen gut anschauen. Die Grafiken im Menü und die oberhalb des Footers passen sich nicht an und die müsstest du dann bearbeiten (und weitere, kleinere Details).
Wenn das kein Problem für dich ist, geht es mit diesem Theme eigentlich recht gut.

*räusper* Es gibt hier eine tolle Suchfunktion und ausführliche Erklärungen zu oft gestellten Fragen... :wink:

Man kann das Anzeigen der Scrollbar erzwingen, sodass sie unabhängig von der Seitenlänge immer da ist und daher die Seite nicht hin und her springt.
Dieser Link hier ist zwar schon etwas älter, beschreibt dafür aber 3 mögliche Methoden. Probier einfach mal aus, welche zu dir passt!

Hm... ich weiß jetzt nicht, ob dein Theme irgendwelche besondere Options hat. Dein Menü ist das hier:

[COLOR=#000000]<div id="navigation">
    <div id="navigationWrap">
        <ul>
            <li><a href="[COLOR=#0000CC]<?php [/COLOR][COLOR=#006600]echo [/COLOR][COLOR=#0000CC]get_settings[/COLOR][COLOR=#006600]([/COLOR][COLOR=#CC0000]'home'[/COLOR][COLOR=#006600]); [/COLOR][COLOR=#0000CC]?>[/COLOR]/">[COLOR=#0000CC]<?php _e[/COLOR][COLOR=#006600]([/COLOR][COLOR=#CC0000]'Home'[/COLOR][COLOR=#006600],[/COLOR][COLOR=#CC0000]'ClearBlue2.0'[/COLOR][COLOR=#006600]); [/COLOR][COLOR=#0000CC]?>[/COLOR]</a></li>
            [COLOR=#0000CC]<?php wp_list_pages[/COLOR][COLOR=#006600]([/COLOR][COLOR=#CC0000]'title_li='[/COLOR][COLOR=#006600]); [/COLOR][COLOR=#0000CC]?>[/COLOR] 
        </ul>
    </div>[/COLOR]

Was passiert, wenn du das hier entfernst? (Aber zuerst sichern!)

[COLOR=#000000][COLOR=#0000CC]php _e[/COLOR][COLOR=#006600]([/COLOR][COLOR=#CC0000]'Home'[/COLOR][COLOR=#006600],[/COLOR][COLOR=#CC0000]'ClearBlue2.0'[/COLOR][COLOR=#006600]); [/COLOR][COLOR=#0000CC]?>[/COLOR][/COLOR]

So wie´s aussieht hast du da die selbe Seite doppelt angelegt. Deine Seiten erscheinen automatisch im oberen Menü, daher musst du nur die Seite mit dem Titel "Start" löschen (Verwalten - Seiten - löschen), dann ist auch der Menüpunkt weg.

Der Strich ist in deiner CSS als oberer "Rand" für deinen footer festgelegt. Öffne deine style.css, suche nach footer und lösche die folgende Zeile:

#footer {style.css (Linie 40)
[B][COLOR=Red]border-top:1px solid #333333;[/COLOR][/B]
clear:both;
color:#909090;
height:30px;
text-align:center;
width:800px;
}

Dann ist der Strich weg.

Wie heißt es so schön: Gut Ding braucht Weile. Manchmal eine ganze Weile... ;-) Weiterhin viel Spaß mit deinem Blog!

Ach Gottchen, ich sag´s ja: Riesentomaten... manchmal macht nur ein Buchstabe den Unterschied.

Also, Lintu:
Füge in deiner css mal noch ein p ein:

.article [COLOR=Red][B]p[/B][/COLOR], .articleinfo p {
margin-bottom:15px;
line-height: [I]beliebig[/I], [I]wenn gewünscht;[/I]
}

Ich hoffe, das war´s jetzt.... :mrgreen:

[size=8]@ Monika: Du Monika, ich kann aber die p class left sehen - hab ich jetzt schon Halluzinationen?? Hoffe, du hattest einen schönen Urlaub! Ich brauch anscheinend einen... Danke für den Schubs!
[/SIZE]

Und das als Spezialist für Webdesign? ;-)

Ich bin kein Profi und ohne Link kann ich´s mir nur schwer vorstellen und auch nicht ausprobieren. Wenn´s auch um aktiv/nicht aktiv geht, sollte da nicht eine eigene Definition rein?
Die erste Zeile vielleicht so:

.sidebar_blau a, .page_item current_page_item a {color:#0099CC;}

Die Klasse .sidebar_blau ist aber einmal als blau und unten noch einmal als weiß definiert.... :confused:

Das p-tag hat ein tolles margin, es steht (sogar an mehreren Stellen) in der CSS bei der entsprechenden Klasse. Aber ich komm nicht drauf, warum´s nicht angenommen wird. Vielleicht du?
Das falsche p vor dem content ist ja schon weg...

Ach, das ist ein Plugin? Mir fiel nur folgendes auf:

page_item [COLOR=Red].[/COLOR]current_page_item

In der CSS ist da ein Punkt.

page_item current_page_item

In der Menuestruktur ist da kein Punkt. Stimmt nicht überein.
Gehören diese CSS-Angaben zum Plugin oder hast du die selbst geschrieben?

... ich teile deine Verzweiflung....:? Die Absätze bekommen die erforderliche Klasse nicht verliehen, aber ich komm beim besten Willen grad nicht drauf, warum (akute Gehirnverknotung wahrscheinlich). Jetzt probieren wir´s noch mal anders, wir geben dem div eine neue Klasse:

[COLOR=#000000]<div [COLOR=Red]class="absatz"[/COLOR] style="margin-left:75px;">
                    [COLOR=#0000cc]<?php the_content[/COLOR][COLOR=#006600]([/COLOR][COLOR=#cc0000]'Weiterlesen ...'[/COLOR][COLOR=#006600]); [/COLOR][COLOR=#0000cc]?>[/COLOR]
                    <p class="left"><br /><span class="post-[URL="http://forum.wordpress-deutschland.org/vbglossar.php?do=showentry&item=content"]content[/URL]">[COLOR=#0000cc]<?php the_tags[/COLOR][COLOR=#006600](); [/COLOR][COLOR=#0000cc]?>[/COLOR]</span><br />[COLOR=#0000cc]<?php comments_popup_link[/COLOR][COLOR=#006600]([/COLOR][COLOR=#cc0000]'0 Kommentare'[/COLOR][COLOR=#006600], [/COLOR][COLOR=#cc0000]'1 Kommentar'[/COLOR][COLOR=#006600], [/COLOR][COLOR=#cc0000]'% Kommentare '[/COLOR][COLOR=#006600]); [/COLOR][COLOR=#0000cc]?>[/COLOR]</p>
                    </div>
</div>[/COLOR]

In deine layout.css schreibst du:

.absatz p {margin-bottom: 15px;}

Wenn das jetzt auch nichts bringt, geb ich mir die (Mozart-)Kugel.

Hm, vielleicht sind die Tomaten vor meinen Augen heute besonders groß.. Was passiert, wenn du hier noch mal die class einfügst?:

[COLOR=#000000]<div [COLOR=Red]class="article"[/COLOR] style="margin-left:75px;">
                    [COLOR=#0000cc]<?php the_content[/COLOR][COLOR=#006600]([/COLOR][COLOR=#cc0000]'Weiterlesen ...'[/COLOR][COLOR=#006600]); [/COLOR][COLOR=#0000cc]?>[/COLOR]
                    <p class="left"><br /><span class="post-[URL="http://forum.wordpress-deutschland.org/vbglossar.php?do=showentry&item=content"]content[/URL]">[COLOR=#0000cc]<?php the_tags[/COLOR][COLOR=#006600](); [/COLOR][COLOR=#0000cc]?>[/COLOR]</span><br />[COLOR=#0000cc]<?php comments_popup_link[/COLOR][COLOR=#006600]([/COLOR][COLOR=#cc0000]'0 Kommentare'[/COLOR][COLOR=#006600], [/COLOR][COLOR=#cc0000]'1 Kommentar'[/COLOR][COLOR=#006600], [/COLOR][COLOR=#cc0000]'% Kommentare '[/COLOR][COLOR=#006600]); [/COLOR][COLOR=#0000cc]?>[/COLOR]</p>
                    </div>
</div>[/COLOR]

Schreibe bitte mal probeweise einen Artikel mit 2-3 Absätzen direkt im Editor von Wordpress. Sind in der HTML Ansicht die p-Tags da?

Da sind doch ein paar Beistriche zu wenig und ein paar Punkte zu viel?

.sidebar_blau .page_item .current_page_item a { color:#0099CC;  }
.sidebar_blau .page_item .current_page_ancestor .page_folder a { color:#0099CC;  }
.sidebar_blau .page_item a { color:white;  }

Beispiel:

page_item .current_page_item

Im Code steht:

class="page_item current_page_item"

Wenn´s nicht exakt gleich geschrieben ist, wird´s nicht angenommen. Also ich würde die ja umbenennen - die Namen sind zu lang und kompliziert, das fordert Tippfehler direkt heraus... ;-)

Also das ist eine etwas merkwürdige Art, einen Artikel-div aufzubauen (war das im Theme schon so?):

[COLOR=#000000]<div style="margin-left:75px;">
                    <p>[COLOR=#0000cc]<?php the_content[/COLOR][COLOR=#006600]([/COLOR][COLOR=#cc0000]'Weiterlesen ...'[/COLOR][COLOR=#006600]); [/COLOR][COLOR=#0000cc]?>[/COLOR]</p>
                    <p class="left"><br /><span class="post-[URL="http://forum.wordpress-deutschland.org/vbglossar.php?do=showentry&item=content"]content[/URL]">[COLOR=#0000cc]<?php the_tags[/COLOR][COLOR=#006600](); [/COLOR][COLOR=#0000cc]?>[/COLOR]</span><br />[COLOR=#0000cc]<?php comments_popup_link[/COLOR][COLOR=#006600]([/COLOR][COLOR=#cc0000]'0 Kommentare'[/COLOR][COLOR=#006600], [/COLOR][COLOR=#cc0000]'1 Kommentar'[/COLOR][COLOR=#006600], [/COLOR][COLOR=#cc0000]'% Kommentare '[/COLOR][COLOR=#006600]); [/COLOR][COLOR=#0000cc]?>[/COLOR]</p>
                    </div>
</div>
[/COLOR]

Nachdem der content (Artikel) bereits im Code von p´s umgeben ist, vermute ich, dass somit der ganze Artikel als EIN Absatz formatiert wird und somit das margin erst ganz unten zum Tragen kommt.

Probier bitte mal folgendes aus: Entferne die p´s um the_content, sodass das nachher so aussieht:

[COLOR=#000000]<div style="margin-left:75px;">
                    [COLOR=#0000cc]<?php the_content[/COLOR][COLOR=#006600]([/COLOR][COLOR=#cc0000]'Weiterlesen ...'[/COLOR][COLOR=#006600]); [/COLOR][COLOR=#0000cc]?>[/COLOR]
                    <p class="left"><br /><span class="post-[URL="http://forum.wordpress-deutschland.org/vbglossar.php?do=showentry&item=content"]content[/URL]">[COLOR=#0000cc]<?php the_tags[/COLOR][COLOR=#006600](); [/COLOR][COLOR=#0000cc]?>[/COLOR]</span><br />[COLOR=#0000cc]<?php comments_popup_link[/COLOR][COLOR=#006600]([/COLOR][COLOR=#cc0000]'0 Kommentare'[/COLOR][COLOR=#006600], [/COLOR][COLOR=#cc0000]'1 Kommentar'[/COLOR][COLOR=#006600], [/COLOR][COLOR=#cc0000]'% Kommentare '[/COLOR][COLOR=#006600]); [/COLOR][COLOR=#0000cc]?>[/COLOR]</p>
                    </div>
</div>[/COLOR]

Mal sehen, ob das das Ei des Kolumbus ist... ;-)
Vergiss nicht, nach der Änderung den Browsercache zu leeren (Taste F5).

(Übrigens: Diese Styleangabe in deinem Code könnte man in die CSS auslagern - aber erst mal eins nach dem anderen)