Divs in der Style CSS

Was genau hast du denn geändert? Von Farbenändern kann so eine Veränderung eingentlich nicht passieren, welches Theme nutzt du denn oder ist das eine Eigenkreation?

gruß pebosi

Habe das Template erstellen lassen, allerdings hilft mir der, der es gemacht hat, nicht mehr weiter. Er ist überarbeitet. Es gibt da Pulldown-Menüs, da hat er wohl kein fertiges Template nehmen können. Ich bin nur mal über das Farbrad gefahren und habe das Theme dann gespeichert, schon war es passiert.

Hier die Erklärung des Profis: warum es nicht mehr geht? "weil du das theme
neugeneriert hast mit deiner änderung im farbmanagement und somit
die befehle nicht mehr auf die klassen und namen von meiner datei auf deinen
template passen.

Um das genauer zu erklären müsste ich dir eine css + php schulung halten",

Ratlose Grüße von TBC aus München

Hm, er soll dir das original Theme einfach nochmal schicke und gut. Gute Themes sollten aber auch nach dem Wechsel einer Farbe über das Color Modul funktionieren... z.B. wie bei dem Garland Theme.

gruß pebosi

Wie schon vom Vorredner gesagt, nur weil man in der CSS Datei Farben ändert, verändert sich nicht Größe einer Anzeige.

Hast du vielleicht Schriftgrößen oder Arten verändert?
Kannst du mal einen Auschnitt aus dem Code posten, den du geändert hast, so dass man sehen kann, was du gemacht hast?

Ich habe mir das Theme nochmal schicken lassen, hier die CMS-Datei, die habe ich auch schon per FTP auf dem Server gegen die geänderte ersetzt, das hat aber nichts gebracht.

Hier das Theme komplett:

/**
* Themetastic, for Drupal 5.0
* Stefan Nagtegaal, iStyledThis [dot] nl
* Steven Wittens, acko [dot] net`
*
* If you use a customized color scheme, you must regenerate it after
* modifying this file.
*/

/**
* Generic elements
*/
body {
margin: 0;
padding: 0;
background: #edf5fa;
font: 12px/170% Verdana;
color: #494949;

}

body #wrapper #container {
margin-left:0px;
margin-top: 120px;

}

body.sidebars #wrapper #container {
width: 1000px;

}

body.sidebar-left #wrapper #container,
body.sidebar-right #wrapper #container {
width: 770px;

}

input {
font: 12px/100% "Verdana";
color: #494949;
}

textarea, select {
font: 10px/160% "arial";
color: #494949;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
}

h1 {
font-size: 170%;
}

h2 {

font-size: 0%;

}

h3 {
font-size: 140%;
}

h4 {
font-size: 130%;
}

h5 {
font-size: 120%;
}

h6 {
font-size: 60%;
}

ul, quote, code, fieldset {
margin: .5em 0;
}

p {
margin: 0.6em 0 1.2em;
padding: 0;
font-size: 95%;
}

a:link {
color: #049426;
text-decoration: none;
}

a:visited {
color: #3ACE5D;
text-decoration: none;
}

a:hover {
color: #0062A0;
text-decoration: underline;
}

a:active, a.active {
color: #5895be;
}

hr {
margin: 0;
padding: 0;
border: none;
height: 1px;
background: #5294c1;
}

ul {
margin: 0.5em 0 1em;
padding: 0;
}

ul li {
margin: 0.4em 0 0.4em .5em;
}

ul.menu, .item-list ul {
margin: 0.35em 0 0 -0.5em;
padding: 0;
}

ul.menu ul, .item-list ul ul {
margin-left: 0em;
}

ul li, ul.menu li, .item-list ul li, li.leaf {
margin: 0.15em 0 0.15em .5em;
}

ul li, ul.menu li, .item-list ul li, li.leaf {
padding: 0 0 .2em 1.5em;
list-style-type: none;
list-style-image: none;
background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em;
}

ul li.expanded {
background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em;
}

ul li.collapsed {
background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em;
}

ul li.leaf a, ul li.expanded a, ul li.collapsed a {
display: block;
}

ul.inline li {
background: none;
margin: 0;
padding: 0 1em 0 0;
}

fieldset ul.clear-block li {
margin: 0;
padding: 0;
background-image: none;
}

dl {
margin: 0.5em 0 1em 1.5em;
}

dl dt {
}

dl dd {
margin: 0 0 .5em 1.5em;
}

img, a img {
border: none;
}

table {
margin: 1em 0;
width: 100%;
}

thead th {
border-bottom: 2px solid #d3e7f4;
color: #494949;
font-weight: bold;
}

th a:link, th a:visited {
color: #6f9dbd;
}

td, th {
padding: .3em .5em;
}

tr.even, tr.odd, tbody th {
border: solid #d3e7f4;
border-width: 1px 0;
}

tr.odd, tr.info {
background-color: #edf5fa;
}

tr.even {
background-color: #fff;
}

tr.odd td.active {
background-color: #ddecf5;
}

tr.even td.active {
background-color: #e6f1f7;
}

td.region, td.module, td.container {
border-top: 1.5em solid #fff;
border-bottom: 1px solid #b4d7f0;
background-color: #d4e7f3;
color: #455067;
font-weight: bold;
}

tr:first-child td.region, tr:first-child td.module, tr:first-child td.container {
border-top-width: 0;
}

span.form-required {
color: #ffae00;
}

span.submitted, .description {
font-size: 0.92em;
color: #898989;
}

.description {
line-height: 150%;
margin-bottom: 0.75em;
color: #898989;
}

.messages, .preview {
margin: .75em 0 .75em;
padding: .5em 1em;
}

.messages ul {
margin: 0;
}

.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
margin: 0.25em 0;
}

#center form {
margin-bottom: 2em;
}

.form-button, .form-submit {
margin: 2em 0.5em 1em 0;
}

.confirmation .form-submit,
.search-form .form-submit,
.poll .form-submit,
fieldset .form-button, fieldset .form-submit,
.sidebar .form-button, .sidebar .form-submit,
table .form-button, table .form-submit {
margin: 0;
}

.box {
margin-bottom: 2.5em;
}

/**
* Layout
*/
#header-region {
min-height: 1em;
background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%;
}

#header-region .block {
display: block;
margin: 0 1em;
}

#header-region .block h2{
display: none;
}

#header-region .block-region {
display: block;
margin: 0 0.5em 1em;
padding: 0.5em;
position: relative;
top: 0.5em;
}

#header-region * {
display: inline;
line-height: 1.5em;
margin-top: 0;
margin-bottom: 0;
}

#header-region p, #header-region img {
margin-top: 0.5em;
}

#header-region h2 {
margin: 0 0em 0 0;
}

#header-region h3, #header-region label, #header-region li {
margin: 0 1em;
padding: 0;
background: none;
}

#header #search-theme-form {
width: 200px;
float:right;
padding-top:60px;
margin-right:-300px;
display:block;
}

#header #search .form-submit{
width: 60px;
padding:0px;
margin:0px;
}

#wrapper {
background: #edf5fa url(images/body.png) repeat-x 50% 0;
}

#wrapper #container {
margin: 0;
padding: 0 20px;
max-width: 1270px;
}

#wrapper #container #header {
height: 80px;
width: 740px;
}

#wrapper #container #header #logo-floater {
position: absolute;
}

#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
line-height: 120px;
position: relative;
z-index: 2;
white-space: nowrap;
}

#wrapper #container #header h1 span {
font-weight: bold;
}

#wrapper #container #header h1 img {
padding-top: 16px;
padding-right: 20px;
float: left;
}

/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.sidebars {
min-width: 980px;
}
/* With 2 columsn, require a minimum width of 800px. */
body.sidebar-left, body.sidebar-right {
min-width: 780px;
}

/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#wrapper #container #center {
float: left;
width: 100%;
margin-left: 0px;
text-align:left;
}

/* So we move the #center container over the sidebars to compensate */
body.sidebars #center {
margin-right: 0px;
}

body.sidebars #squeeze {
margin: 500px;

}

/* We ensure the sidebars are still clickable using z-index */
#wrapper #container .sidebar {
float: left;
z-index: 2;
position: relative;
}

#wrapper #container .sidebar .block {
margin: 0 0 1.5em 0;
}

#sidebar-left .block {
padding: 0 15px 0 15px;
}

#sidebar-right {
margin-left: 0px;
position:relative;
top:0px;
width: 150px;
}

#sidebar-right .block {
padding: 0 0px 0 0px;
}

.block .content {
margin: 0.5em 0;
}

#sidebar-left .block-region {
margin: 0 15px 0 0px;
}

#sidebar-right .block-region {
margin: 0 0px 0 15px;
}

.block-region {
padding: 1em;
background: transparent;
border: 2px dashed #b4d7f0;
text-align: center;
font-size: 1.3em;
}

/* Move NiceMenu to top */
#ddnavigation {
margin-top:10px;
z-index:9;
position: relative;
width:1000px;
}
#ddnavigation li{
margin:0px;
}
#breacker {
clear:both;
}

/* Now we add the backgrounds for the main content shading */
#wrapper #container #center {
z-index:-1;
width:600px;
}

#wrapper #container #center #squeeze {
margin: 0;
width:600px;
float:left;
}

#wrapper #container #center .right-corner {
position: relative;
left: 0px;
width:600px;
}

#wrapper #container #center .right-corner .left-corner {
padding: 60px 10px 5em 0px;
position: relative;
min-height: 100px;

}

#wrapper #container #footer {
float: none;
clear: both;
text-align: center;
margin: 4em 0 -3em;
color: #898989;

}

#wrapper #container .breadcrumb {
position: absolute;
top: 35px;
left: 35px;
z-index: 3;
}

body.sidebar-left #footer {
margin-left: -210px;

}

body.sidebar-right #footer {
margin-right: -210px;
}

body.sidebars #footer {
margin: 0 -800px;
}

/**
* Header
*/
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
color: #0D6823;
font-weight: normal;
font-size: 1.5em;
}

#wrapper #container #header h1 a:hover {
text-decoration: none;
}

#wrapper #container .breadcrumb {
font-size: 0.92em;
}

#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
color: #529ad6;
}

#mission {
padding: 1em;
background-color: #fff;
border: 1px solid #e0e5fb;
margin-bottom: 2em;
}

/**
* Primary navigation
*/
ul.primary-links {
margin: 0;
padding: 0;
float: right;
position: relative;
z-index: 4;
}

ul.primary-links li {
margin: 0;
padding: 0;
float: left;
background-image: none;
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
display: block;
margin: 0 1em;
padding: .75em 0 0;
color: #fff;
background: transparent url(images/bg-navigation-item.png) no-repeat 50% 0;
}

ul.primary-links li a:hover, ul.primary-links li a.active {
color: #fff;
background: transparent url(images/bg-navigation-item-hover.png) no-repeat 50% 0;
}

/**
* Secondary navigation
*/
ul.secondary-links {
margin: 0;
padding: 20px 0 0;
float: right;
clear: right;
position: relative;
z-index: 4;
}

ul.secondary-links li {
margin: 0;
padding: 0;
float: left;
background-image: none;
}

ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
display: block;
margin: 0 1em;
padding: .75em 0 0;
color: #cde3f1;
background: transparent;
}

ul.secondary-links li a:hover, ul.secondary-links li a.active {
color: #cde3f1;
background: transparent;
}

/**
* Local tasks
*/
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
border: 0;
background: none;
margin: 0;
padding: 0;
}

#tabs-wrapper {
margin: 0 -26px 1em;
padding: 0 26px;
border-bottom: 1px solid #e9eff3;
position: relative;
}
ul.primary {
padding: 0.5em 0 10px;
float: left;
}
ul.secondary {
clear: both;
text-align: left;
border-bottom: 1px solid #e9eff3;
margin: -0.2em -26px 1em;
padding: 0 26px 0.6em;
}
h2.with-tabs {
float: left;
margin: 00em 0 0;
padding: 0;
}

ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
border: 0;
background: transparent;
padding: 4px 1em;
margin: 0 0 0 1px;
height: auto;
text-decoration: none;
position: relative;
top: -1px;
}
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
background: url(images/bg-tab.png) repeat-x 0 50%;
color: #0D6823;
}
ul.primary li.active a,
ul.secondary li.active a {
font-weight: bold;
}

/**
* Nodes & comments
*/
.node {
border-bottom: 1px solid #e9eff3;
margin: -1.5em -26px 1.5em;
padding: 1.5em 26px;
}

ul.links li, ul.inline li {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 1em;
background-image: none;
}

.node .links, .comment .links {
text-align: left;
}

.node .links ul.links li, .comment .links ul.links li {}
.terms ul.links li {
margin-left: 0;
margin-right: 0;
padding-right: 0;
padding-left: 1em;
}

.picture, .comment .submitted {
float: right;
clear: right;
padding-left: 1em;
}

.new {
color: #ffae00;
font-size: 0.92em;
font-weight: bold;
float: right;
}

.terms {
float: right;
}

.preview .node, .preview .comment, .sticky {
margin: 0;
padding: 0.5em 0;
border: 0;
background: 0;
}

.sticky {
padding: 1em;
background-color: #fff;
border: 1px solid #e0e5fb;
margin-bottom: 2em;
}

#comments {
position: relative;
top: -1px;
border-bottom: 1px solid #e9eff3;
margin: -1.5em -25px 0;
padding: 0 25px;
}

#comments h2.comments {
margin: 0 -25px;
padding: .5em 25px;
background: #fff url(images/gradient-inner.png) repeat-x 0 0;
}

.comment {
margin: 0 -25px;
padding: 1.5em 25px 1.5em;
border-top: 1px solid #e9eff3;
}

.indented {
margin-left: 25px;
}

.comment h3 a.active {
color: #494949;
}

.node .content, .comment .content {
margin: 0.6em 0;
}

/**
* Aggregator.module
*/
#aggregator {
margin-top: 1em;
}
#aggregator .feed-item-title {
font-size: 160%;
line-height: 130%;
}
#aggregator .feed-item {
border-bottom: 1px solid #e9eff3;
margin: -1.5em -31px 1.75em;
padding: 1.5em 31px;
}
#aggregator .feed-item-categories {
font-size: 0.92em;
}
#aggregator .feed-item-meta {
font-size: 0.92em;
color: #898989;
}

/**
* Color.module
*/
#palette .form-item {
border: 1px solid #fff;
}
#palette .item-selected {
background: #fff url(images/gradient-inner.png) repeat-x 0 0;
border: 1px solid #d9eaf5;
}

/**
* Menu.module
*/
tr.odd td.menu-disabled {
background-color: #edf5fa;
}
tr.even td.menu-disabled {
background-color: #fff;
}

/**
* Poll.module
*/
.poll .bar {
background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
border: solid #f0f0f0;
border-width: 0 1px 1px;
}

.poll .bar .foreground {
background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
}

.poll .percent {
font-size: .9em;
}

/**
* Autocomplete.
*/
#autocomplete li {
cursor: default;
padding: 2px;
margin: 0;
}

/**
* Collapsible fieldsets
*/
fieldset {
margin: 1em 0;
padding: 1em;
border: 1px solid #d9eaf5;
background: #fff url(images/gradient-inner.png) repeat-x 0 0;
}

html.js fieldset.collapsed {
background: transparent;
padding-top: 0;
padding-bottom: 3px;
}

html.js fieldset.collapsible legend a {
padding-left: 2em;
background: url(images/menu-expanded.gif) no-repeat 0% 50%;
}

html.js fieldset.collapsed legend a {
background: url(images/menu-collapsed.gif) no-repeat 0% 50%;
}

/**
* Syndication Block
*/
#block-node-0 h2 {
float: left;
padding-right: 20px;
}

#block-node-0 img {
float: right;
padding-top: 4px;
}

#block-node-0 .content {
clear: right;
}

/**
* Login Block
*/
#user-login-form {
text-align: center;
}
#user-login-form ul {
text-align: left;

}

/**
* Admin Styles
*/
div.admin-panel,
div.admin-panel .description,
div.admin-panel .body,
div.admin,
div.admin .left,
div.admin .right,
div.admin .expert-link,
div.item-list,
.menu {
margin: 0;
padding: 0;
}

div.admin .left {
float: left;
width: 48%;
}
div.admin .right {
float: right;
width: 100%;
}

div.admin-panel {
background: #fff url(images/gradient-inner.png) repeat-x 0 0;
padding: 1em 1em 1.5em;
}
div.admin-panel .description {
margin-bottom: 1.5em;
}
div.admin-panel dl {
margin: 0;
}
div.admin-panel dd {
color: #898989;
font-size: 0.92em;
line-height: 1.3em;
margin-top: -.2em;
margin-bottom: .65em;
}

table.system-status-report th {
border-color: #d3e7f4;
}

#autocomplete li.selected, tr.selected td, tr.selected td.active {
background: #027ac6;
color: #fff;
}

tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
color: #d3e7f4;
}

/**
* CSS support
*/
span.clear {
display: block;
clear: both;
height: 1px;
line-height: 0px;
font-size: 0px;
margin-bottom: -1px;
}

/*******************************************************************
* Color Module: Don't touch *
*******************************************************************/

/**
* Generic elements.
*/
.messages {
background-color: #fff;
border: 1px solid #b8d3e5;
}

.preview {
background-color: #fcfce8;
border: 1px solid #e5e58f;
}

div.status {
color: #3a3;
border-color: #c7f2c8;
}

div.error {
color: #c52020;
}

.form-item input.error, .form-item textarea.error {
border: 1px solid #c52020;
color: #494949;
}

/**
* Watchdog.module
*/
tr.watchdog-user {
background-color: #fcf9e5;
}

tr.watchdog-user td.active {
background-color: #fbf5cf;
}

tr.watchdog-content {
background-color: #fefefe;
}

tr.watchdog-content td.active {
background-color: #f5f5f5;
}

tr.watchdog-warning {
background-color: #fdf5e6;
}

tr.watchdog-warning td.active {
background-color: #fdf2de;
}

tr.watchdog-error {
background-color: #fbe4e4;
}

tr.watchdog-error td.active {
background-color: #fbdbdb;
}
tr.watchdog-page-not-found, tr.watchdog-access-denied {
background: #d7ffd7;
}
tr.watchdog-page-not-found td.active, tr.watchdog-access-denied td.active {
background: #c7eec7;
}

/**
* Status report colors.
*/
table.system-status-report tr.error, table.system-status-report tr.error th {
background-color: #fcc;
border-color: #ebb;
color: #200;
}
table.system-status-report tr.warning, table.system-status-report tr.warning th {
background-color: #ffd;
border-color: #eeb;
}
table.system-status-report tr.ok, table.system-status-report tr.ok th {
background-color: #dfd;
border-color: #beb;
}

/** PETER LOVASI - Flashyourlife.de
*/

#logo {

position: absolute;
left: 350px;
top: 0px;

}

#header-region {

position: absolute;
left: 0px;
}

/** SEARCH
*/
.form-text

{
width: 85px

}
/** SEARCH END
*/

/** rechter bannner
*/

#block-ad-2 .content {

position: absolute;
left: 200px;
top: -50px;

}

/** oberer banner
*/

.content #group-default

{

position: absolute;
left: 100px;
top: -220px;

}

.sidebar {

position: absolute;
left: 80px;
margin-top: 50px;

}

/** zweite senkrechte spalte!
*/

#block-block-3 .content {

border: 1pt solid #cccccc;
padding: 20px;

}

#block-block-4 .content {

border: 1pt solid #cccccc;
padding: 20px;

}

#block-block-5 .content {

border: 1pt solid #cccccc;
padding: 20px;

}

#block-block-7 .content {

border: 1pt solid #cccccc;
background-color: #E2E1E0;
padding: 20px;
font-size: 10%;
}

#simplenews-block-form {

border: 1pt solid #cccccc;
padding: 20px;

}

/**
* das hier ist der Ad- Banner ( deafult ) Oben-horizontal, der ist zu zeit -250px nSach oben gezogen
* somit versteckt - nicht sichtbar! PETER LOVASI
*/

#header-region {

position: absolute;
top: 0px;
}

/**
* ENDE

*/

.container-inline .form-item {

position: absolute;
left: 755px;
top: 208px;

}

.container-inline .form-submit {

position: absolute;
left: 850px;
top: 220px;

}

#ddnavigation .nice-menu {

position: absolute;
top: 4px;

}

.breadcrumb {

position: absolute;
margin-left: 0px;

}

#squeeze .right-corner {

position: absolute;
margin-left:0px;

}

#squeeze .node .content {

width: 80%;

}

#tabs-wrapper .clear-block
{

position: absolute;
left: 100px;

}

#user-login {

position: absolute;
left: 150px;

}

#tabs-wrapper {

position: absolute;
left: 150px;

}

.profile {

position: absolute;
left: 150px;

}

.item-list {

position: absolute;
left: 150px;

}

.node {

position: absolute;
left: -40px;
width: 80%;

}

#edit-node-delete-confirm-form-token {

position: absolute;
margin-left: 250px;

}

#edit-confirm .container-inline{

position: absolute;
margin-left: 250px;

}

Eigentlich will ich doch nur eine funktionierende Seite!

TBC aus München