Hallo!
Ich bin bald schon am verzweifeln! Versuche nun schon seit Tagen, mein DEsign etwas breiter zu machen. Derzeit ist es nur knapp über 700px breit, was bei den meisten 16:10 Monitoren einfach blöd aussieht. Bräuchte unbedingt eine Breite von 1000px.
Das Problem ist, dass, wenn ich die Parameter so einstelle, es das Design zereist. Komme wirklich nicht weiter!
Wäre für Hilfe echt super dankbar!
Viele Grüße
Hier mal meine style.css:
[size=10](Theme: "Chaotic Soul")[/SIZE]
Link zur Seite: http://www.roma-aeterna.de
PHP
/*
Theme Name: ChaoticSoul
Theme URI: http://labs.revyver.com/
Description: A dark 2 column theme based off of a certain designer's old website.
Version: 1.4
Author: Bryan Veloso
Author URI: http://avalonstar.com/
Tags: fixed width, widgets, widget ready, valid XHTML, valid CSS, clean, dark, minimal, brown, right sidebar, custom header
*/
/* -----| Globals |------------------------------------------------------ */
body {
background-color: #161410;
color: #999;
font: 62.5%/125% 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
/* hr { display: none; } */
.hr {
background-color: #22201d;
border: 1px solid #363430;
height: 10px;
margin: 10px 0;
width: 758px;
}
a:link, a:visited, a:active { color: #d8d7d3; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }
a img { border: 0; }
ul { list-style: none; }
input, textarea {
color: #9c9890;
font-size: 11px;
text-decoration: none;
background-color: #161410;
border: 1px solid #363430;
padding: 5px;
}
blockquote {
background: #1b1814;
padding: 1px 15px 5px;
border-bottom: 1px solid #35302a;
}
table { width: 100%; border-collapse: collapse; }
th { border-bottom: 1px solid #35302a; text-align: left; }
pre {
padding: 5px 0;
border-top: 1px dotted #35302a;
border-bottom: 1px dotted #35302a;
}
/* -----| Structure |---------------------------------------------------- */
#page {
margin: 50px auto 25px;
padding: 0;
width: 760px;
}
#header {
text-align: center;
}
#wrapper, #headerimg { width: 760px; position: relative; }
#wrapper { background: url('images/content_bkg.gif') repeat-y top left;}
#header-overlay {
background: url('images/header_overlay.gif') no-repeat top left;
width: 760px;
height: 151px;
z-index: 5;
position: absolute;
top: 0;
left: 0;
}
#footer {
font-family: Georgia, 'Times New Roman', serif;
color: #999;
}
#content, #sidebar {
border-left: 1px solid #363430;
border-right: 1px solid #363430;
padding: 0 10px;
overflow: hidden;
}
#content { float: left; font-size: 1.1em; width: 515px; }
#content h2 { margin: 0 0 10px; }
#content p { line-height: 1.5em; }
#sidebar { border-left: 0; float: right; width: 200px; }
#sidebar h3 { color: #bd934f; margin: 15px 0 5px; font-variant: small-caps; font-size: 12px; }
#sidebar h3 a { color: #bd934f; }
#sidebar ul, #akismetwrap { margin: 0 0 10px; padding: 0; border-top: 1px solid #363430; border-bottom: 1px solid #363430; }
#sidebar li, #akismetwrap { display: block; padding: 4px 10px; background: #22201d; margin: 1px 0; }
#sidebar li:hover { background: #363430; }
#sidebar ul ul { border: 0; margin: 0; list-style: disc; }
#sidebar ul ul li:before { content: "\2022 \20"; }
#sidebar ul ul li { margin: 0 -10px; }
#searchform { background: #22201d; padding: 10px; text-align: center; }
#s { width: 160px; }
.goleft { float: left; }
.goright { float: right; }
ul.navigation {
border-top: 1px solid #363430;
border-bottom: 1px solid #363430;
}
ul.navigation li { display: block; padding: 4px 10px; background: #22201d; margin: 1px 0; }
ul.navigation li:hover { background: #363430; }
/* Post Structure */
.post { padding: 10px 0 0; }
.widecolumn .post { padding: 0; margin: 0; }
.top { padding: 15px 10px 0px; background: #1b1814; margin-bottom: 15px; border-bottom: 1px solid #35302a; }
.lastfive { padding-left: 10px; padding-right: 10px; }
.postmetadata { margin: 3px 0; padding: 0; }
.postmetadata a { font-weight: normal; }
#sidebar .postmetadata { line-height: 1.5em; }
.continue { font-weight: small; font-size: 1.0em; }
.top .entry { font-size: 1.1em; }
.entrytext { padding: 0 10px 0; line-height: 2em; font-size: 1.1em; }
.entrytext h2 { border-bottom: 1px solid #bd934f; display: block; }
.entrytext ul { list-style-type: square; }
/* Comments Structure */
.comments { padding: 10px; margin-top: 15px; background: #1b1814; border-top: 1px solid #35302a; position: relative; }
#commentform p { float: left; margin: 0 10px 10px 0; }
.commentlist { background: #1b1814; list-style: none; margin: 0; padding: 0; }
.commentlist li { background: #161410; margin-top: 10px; padding: 5px 0 0; }
.commentlist li p { padding: 5px 10px 0; margin: 0; }
.commentlist li p.commentmetadata { border-bottom: 1px solid #35302a; background: #181612; padding: 5px 10px; margin-top: 10px; }
ul.archive { list-style: none; padding: 0; margin: 0 10px 25px; font-size: 1.3em; }
ul.archive li { display: inline; }
/* -----| Typography |--------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-family: Georgia, 'Times New Roman', serif; font-weight: normal; }
h1 { text-transform: lowercase; color: #fff; font-size: 2em; margin: 0 0 8px; }
h1:before, h1:after { content: " . . "; color: #444; }
h1 span { color: #bd934f; }
h2 { color: #bd934f; font-size: 1.25em; margin: 0; padding: 1px 0; display: inline; border-bottom: 1px solid #35302a; }
.post h2 a { color: #bd934f; }
.post h2.first { font-size: 1.75em; }
.widecolumn h2.title {
display: block;
padding: 13px 10px;
background: #1b1814;
margin: 0 0 15px;
border-bottom: 1px solid #35302a;
font-size: 1.75em; }
.description { color: #666; font-weight: bold; }
.comments h3 { margin: 0 0 10px 0; color: #bd934f; }
/* -----| Miscellaneous |------------------------------------------------ */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#sidebar li.linkcat { background-color: #161410; margin: 0; padding: 0; list-style: none; }
.avatar {
margin: -26px 0 0;
border: 1px solid #35302a;
padding: 2px;
float: right;
}
.navigation {
margin-top: 10px;
padding: 10px;
border-top: 1px solid #35302a;
}
.navigation .left { float: left; }
.navigation .right { float: right; }
.authormeta {
border-top: 1px solid #35302a;
font-size: 10px;
padding-top: 10px;
color: #fff;
font-weight: bold;
}
/* -----| WordPress Required Classes |------------------------------------ */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #363430;
text-align: center;
background-color: #22201d;
padding-top: 4px;
margin: 10px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}