rechte Sidebar fixieren

Hallo,

ich habe eine Homepage mit Wordpress erstellt und möchte, dass der Inhalt nicht über die rechte Sidebar hinausgeht. Oben, unten und links klappt es sehr gut. Nur rechts schiebt es den Inhalt drüber (beispielsweise wenn ich die Homepage vergrößere). Wie kann ich festlegen, dass der Inhalt sich nicht rechts über die Sidebar schiebt so bald ich ihn vergrößere? Ich nutze bp-widgetnews.
Vielen Dank für die Hilfe.

ich habe eine Homepage, die in der Mitte ein Bild hat. Wenn ich jetzt mit "Strg" und "+" die Ansicht vergrößere, wird das Bild logischerweise immer größer. Es schiebt sich dann jedoch über die rechte Sidebar einfach drüber (links, oben und unten passiert das nicht). Wie kann ich einstellen, dass sich das Bild beim Vergrößern nicht über die rechte Sidebar schiebt?

Achso, ich nutze Wordpress (Theme: bp-widgetnews). Vielen Dank schonmal!

ich erstelle hier eine Uni-Homepage. Ich möchte, dass wenn Studenten einen kleineren Bildschirm haben, diese auch die rechte Sidebar bedienen können (ohne dass das Bild darüber hinaus geht). Deswegen möchte ich sicherstellen, dass sie das gleiche sehen, wie ich auch (ich habe einen relativ großen Bildschirm, hier ist das Bild in der Mitte). Gibt es da eine Möglichkeit oder ist das sehr umständlich?

vielen Dank. Würde ja gerne, trau mich aber nicht einen Link zu schicken. Trotzdem vielen Dank für die Mühe. Ich habe zumindest gedanklich mein Problem spezifiert. Ich möchte, dass der Inhalt immer einen gewissen Abstand zur rechten Sidebar hält (so wie er es auch zur linken Navigationsleiste sowie nach oben und nach unten macht). Es soll sie halt nicht überdecken können. Wenn es dafür eine Lösung gibt, wäre ich echt dankbar.

mensch, ich mach doch das nicht, um irgendjemanden zu ärgern. Wenn es nach mir ginge, würde ich es sofort zeigen. Unten habe ich die style.css ausgelegt. Gibt es da irgendwo einen Befehl, der den Abstand von Inhalt und Sidebar regelt oder kann ich irgendeinen Befehl hinzufügen der einfach sagt, dass sobald der Inhalt "über" die Sidebar geht ein Scrollbalken eingerichtet wird. Mein Gefühl sagt mir, dass das relativ einfach (für Experten) sein sollte. Würde mich über eine Antwort sehr freuen.

/*
Theme Name: BlogPimp WidgetNews
Theme URI: http://blogpimp.de/
Description: Das Nachrichten-Theme, 3 Spalten, flexible Breite, Widget-Ready, von BlogPimp.de.
Version: 1.1
Author: Lothar Baier
Author URI: http://design.gravitalis.de/
*/

/* ####################### Voreinstellungen #################### */
html {
height : 100.01%;
margin : 0;
padding : 0;
}

* {
margin : 0;
padding : 0;
border : none;
}

body {
font : 13px "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
*font-size : small;
*font : x-small;
text-align : center;
background : #fff;
color : #333;
}

table {
font-size : inherit;
font : 100%;
}

select, input, textarea {
font : 99% "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", arial,helvetica,clean,sans-serif;
}

pre, code {
font : 115% monospace;
*font-size : 100%;
}

body * {
line-height : 1.4em;
}

/* ####################### Seiten-Struktur #################### */
#mantel {
margin : 15px;
}

#links {
width : 20%;
float : left;
text-align : right;
}

#inhalt {
width : 59.9%;
float : left;
text-align : left;
}

#rechts {
width : 20%;
float : left;
text-align : left;
}

#fuss {
clear : both;
}

/* ####################### allgemeine Gestaltung #################### */
h1, h2, h3, h4, h5, h6 {
font : normal 2.0em/1.3 "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
margin : 10px 0 3px;
padding : 1px 5px 2px 0;
}

h2 {font-size : 1.6em;}
h3 {font-size : 1.4em;}
h4 {font-size : 1.3em;}
h5 {font-size : 1.2em;}
h6 {font-size : 0.1em;}

p {
margin : 0 0 8px;
}

#bd p {
font : normal 1.0em/1.5 Georgia, "Times New Roman", "Times Roman", Times, serif;
margin : 0 0 10px;
}

small {
font-size : 0.85em;
margin : 0 0px 8px;
}

a {
color : #25c;
text-decoration : none;
}

a:hover {
color : #d11;
}

blockquote {
background : #f6f6f6;
margin : 10px;
padding : 8px 10px 1px;
color : #111;
}

#inhalt .entry blockquote p {
font : normal 1.0em/1.4 "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
}

li a {
display : inline-block;
}

li a {
display : block;
}

hr {
height : 1px;
line-height : 1px;
border : 1px solid #fff;
font-size : 1px;
clear : both;
}

/* ####################### Seiten-Kopf #################### */
#kopf h1 {
padding : 5px 5px 5px;
margin : 0;
font : normal 3.0em/1.0 "Times New Roman", "Times Roman", Times, serif;
text-align : left;
}

#kopf h1 a {
font-size : 1.3em;
color : #36c;
text-transform : none;
letter-spacing : 3px;
word-spacing : 7px;
}

#kopf h1 a:hover {
color : #d11;
}

#kopf p {
font : normal 2.7em/1.3 Arial;
padding : 2px 0;
margin : 0;
color : #fff;
text-align : center;
letter-spacing : 1px;
word-spacing : 3px;
background : #36c;
}

/* ####################### Navigation links #################### */
#links h2 {
font-size : 1.1em;
margin : 18px 17px 7px 0;
padding : 2px 0;
color : #444;
border-bottom : 1px solid #aaa;
}

#links ul {
list-style-type : none;
font-size : 1.05em;
margin : 0 17px 0 0;
}

#links ul li {
}

#links ul li a {
padding : 3px 0;
display : block;
}

#links ul li.current_theme {
color : #d11;
padding : 2px 0;
}

#links ul li.current-cat a,
#links ul li.current_page_item a {
display : block;
color : #d11;
}

#links ul.letzte li ul.admin {
padding-right : 0;
margin-right : 0;
}

/* ####################### Inhalte #################### */
#inhalt div.mini-post {
width : 47%;
margin-right : 3%;
float : left;
}

#inhalt h2 {
border-bottom : 1px solid #aaa;
}

#inhalt table {
border-collapse : collapse;
border-top : 1px solid #ccc;
border-left : 1px solid #ccc;
margin : 10px 0;
}

#inhalt table th,
#inhalt table td {
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
padding : 0 5px;
}

#inhalt .postmetadata {
font : normal 0.85em/1.3 "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
border-bottom : 1px solid #ccc;
border-top : 1px solid #ccc;
padding : 2px 0 4px;
margin : 0 0 20px;
}

#inhalt .dlft {
width : 200px;
float : left;
margin : 5px 0 0 0;
text-align : left;
}

#inhalt .drgt {
width : 200px;
float : right;
margin : 5px 0 0 0;
text-align : right;
}

#inhalt .navigation {
margin : 15px 0 0;
height : 1.5em;
line-height : 1.1;
}

#inhalt .lft {
float : left;
margin : 5px 10px 3px 0;
background : #fff;
padding : 3px;
border : 1px solid #ccc;
}

#inhalt .rgt {
float : right;
margin : 5px 0 3px 10px;
background : #fff;
padding : 3px;
border : 1px solid #ccc;
}

#inhalt ol,
#inhalt ul {
margin : 10px 0 10px 14px;
}

#inhalt ol {
margin-left : 20px;
}

#inhalt ol li code {
font-size : 1.2em;
background : #ccc;
}

#inhalt .post img {
float : left;
border : 1px solid #ccc;
margin : 5px 10px 3px 0;
}

/* ####################### Rechte Sidebar #################### */
#rechts {
}

#rechts h2 {
font-size : 1.2em;
margin : 18px 0 0 23px;
padding : 2px 0px;
color : #25c;
border-bottom : 1px solid #aaa;
}

#rechts h3 {
font-size : 1.2em;
}

#rechts ul {
list-style-type : none;
margin : 0 0 0 0px;
}

#rechts ul li a {
padding : 0px 0px;
display : block;
}

#rechts img {
float : left;
margin : 6px 10px 0 0;
border : 1px solid #ccc;
}

.sidebar input#si {
width : 80%;
font : normal 1.0em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
border : 1px inset #444;
background : #f8f8f8;
color : #000;
padding : 1px 5px 3px;
margin : 18px 10px 5px 0;
}

input#ss {
width : auto;
font : normal 1.0em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
border : 1px outset #444;
background : #f8f8f8;
color : #000;
padding : 0px 3px 2px;
margin : 3px 10px 5px 0;
}

input#ss:hover {
background : #eee;
color : #d11;
}

#rechts .sidebar ul li {
float : left;
text-align : left;
}

#rechts .sidebar ul li p.catcloud a {
float : left;
margin : 2px 0 0 10px;
text-align : left;
}

#loginform input {
width : auto;
font : normal 1.0em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
border : 1px outset #444;
background : #f8f8f8;
color : #000;
padding : 0px 3px 2px;
margin : 3px 0 5px 10px;
}

#loginform input:hover {
background : #eee;
color : #d11;
}

#loginform #log,
#loginform #pwd {
width : 80%;
font : normal 1.0em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
border : 1px inset #444;
background : #f8f8f8;
color : #000;
padding : 1px 5px 3px;
margin : 3px 0 3px 10px;
}

#loginform label {
margin-left : 10px;
}

/* ####################### Seiten-Fuss #################### */
#fuss {
border-top : 1px solid #aaa;
}

#fuss p {
padding : 5px 5px 10px;
text-align : center;
font-size : 0.9em;
}