Hallo,
ich verwende das Theme ZyRed. Dieses ist ein dynamisches Theme mit einer Leiste links und einer rechts, Inhalt in der Mitte, zentriert im Browser.
Was muss ich ändern, damit dieses ein statisches Theme (links am Browserrand ausgerichtet) wird?
style.css:
Code
/*** General Element Styling ***/
body{margin:0;padding:0;background:#8B8B8B;color:#303030;font:11px Arial, Verdana, sans-serif;text-align:center;}
a{color:#505050;font-weight:normal;text-decoration:none;}
a:hover{color:gray;text-decoration:underline;}
a[href^="http:"]{text-decoration:underline;}
p{margin:0 0 15px;padding:0;line-height:1.5em;}
blockquote{border:1px dashed #B0B0B0;padding:10px;margin:30px;}
blockquote p{padding:0;margin:0;}
code{white-space:pre;color:#000;font-size:1.1em;text-align:left;}
pre{border:1px solid #B0B0B0;padding:10px;width:90%;background:#F8F9FA;font-family:monospace;-moz-background-clip:0;-moz-background-inline-policy:0;-moz-background-origin:0;overflow-x:auto;overflow-y:auto;padding-left-ltr-source:physical;padding-left-rtl-source:physical;padding-right-ltr-source:physical;padding-right-rtl-source:physical;-x-background-x-position:0;-x-background-y-position:0;}
/*** Main container ***/
#container{margin:0;padding:0;width:100%;color:#303030;background:url(images/bodybg.png) #F0F0F0 repeat-x;text-align:left;min-width:770px;}
/*** Header section ***/
#sitename {background:url(images/logo.png) no-repeat;padding-left: 85px;position:relative;top:10px;left:150px}
#sitename{margin:0 20px 10px;color:#FFF;text-align:left;height:90px;}
#sitename h1,#sitename h2{margin:0;padding:0;font-weight:400;}
#sitename h1{padding-top:20px;font-size:2.4em;}
#sitename h1 a{color:#FFF;text-decoration:none;letter-spacing:5px;}
#sitename h2{font-size:1.6em;}
/*position:relative; top:5px; left:100px;*/
/*** Content wrap ***/
#wrap{clear:both;padding:0;margin:10px auto;font-size:1em;max-width:80%;min-width:910px;}
* html div#wrap{width:80%;width:expression(document.body.clientWidth < 990 ? "910px" : document.body.clientWidth > 990 ? "80%" : "auto");}
/*** Horizontal menu ***/
/** 1st level **/
#mainmenu{background:url(images/menubg.png) #f0f0f0 center left repeat-x;border-bottom:1px solid #fff;border-top:1px solid #fff;clear:both;height:30px;margin:0 auto;padding:0;}
#mainmenu ul{margin:0 150px;padding:0;width:100%;}
#mainmenu ul li{border-right:1px solid #B0B0B0;float:left;list-style:none;padding:0;position:relative;text-transform:uppercase;}
#mainmenu ul li a{color:#940C0E;line-height:30px;margin:0;padding:9px;text-decoration:none;width:auto;}
/** Submenu styles **/
#mainmenu ul ul{background:#f0f0f0;border:none;display:none;float:left;left:0;position:absolute;top:30px;width:auto;z-index:99999;}
#mainmenu ul li:hover > ul{display:block;} /* Show the submenu on hover */
#mainmenu ul ul li{background:#cccccc;border:none;width:230px;}
#mainmenu ul ul ul{left:100%;top:0;}
#mainmenu ul ul ul li{background:#f0f0f0;border-left:1px solid #B0B0B0;height:30px;width:230px;}
#mainmenu ul ul ul li a{border:none;line-height:30px;margin:0;padding:9px;}
/* Hover & selected menu item highlighting */
#mainmenu li:hover,#mainmenu .current_page_item,#mainmenu .current_page_ancestor{background:url(images/menuhover.png) center left repeat-x;color:#000;}
/*** Page ***/
#page{border-bottom:none;padding-bottom:10px;margin-bottom:10px;}
/*** Content ***/
#content{color:#2A2A2A;background:#FFF;min-width:468px;border:none;line-height:1.2;margin:0 190px;padding:15px 20px 5px;}
#contentalt{margin:0 200px 0 20px;}
#content h1{color:#606060;background:inherit;font-size:1.8em;font-weight:bold;letter-spacing:-1px;border-bottom:1px solid #B0B0B0;margin:0 0 15px;padding:0;}
#content h2{color:#606060;font-size:1.8em;}
#content h1,#content h2{margin-top:5px;font-weight:normal;font-size:1.8em;}
#content h1.pagetitle{border-bottom:1px solid #B0B0B0;font-size:1.8em;margin:0 -20px;padding:0 20px;}
#content h2 a,.category a,.date a{text-decoration:none;}
#content .sticky{background:#f2f7fc;margin:-10px;padding:10px;}
.entry,.entrytext{overflow:hidden;}
* html.entry,* html.entrytext{overflow:visible;height:1px;}
* html.entry p,* html.entrytext p{width:99%;overflow:hidden;}
.entrytext{padding-top:0;}
.entry img,.entrytext img{border:none;}
.entry a:hover img,.entrytext a:hover img{border:none;}
.entry p a{text-decoration:underline;}