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;
}