Moin,
benutze seit heute das neue MistyLook-Theme (3.8 RC) und finde nicht heraus, wie ich den Navigationshintergrund auf der vollen Breite von 860px weiss bekomme. Außerdem ist es mir ein Rätsel, wie ich den Inhalt dazu bekomme, oben bündig anzuschließen. Die Navigation hängt 20px oder so zu tief...
Hat irgendjemand eine Idee?
Besten Dank schonmal!
hier ein Auszug der style.css (musste kürzen, Text war zu lang):
Code
*/
* {
padding: 0;
margin:0;
}
p {
margin: 0.7em 0;
line-height:1.8em;
}
dl {
margin:1em 0;
}
dt
{
font-weight:bold;
}
dd
{
margin:0.5em;
padding:0;
}
a {text-decoration:none;}
a:link, a:visited {
color: #000;
}
a:hover, a:active {
border-bottom:#000 0px solid;
}
img.wp-smiley, #wpstats, img.noborder, a img.noborder {
background: none;
border: 0;
padding: 0;
}
.clear {
clear:both;
height:20px;
}
blockquote
{
color:#666;
margin: 1em;
padding: 0 0 10px 50px;
background: url(img/blockquote.gif) no-repeat left top;
}
fieldset { border:0;}
h1, h2, h3, h4,h5,h6 {
font-family: Georgia, Arial, Verdana, Serif;
font-weight: normal;
line-height:1.4em;
margin:0 0 0.2em 0;
padding:0;
}
h1 {font-size:2em;}
h2 {font-size:1.7em;}
h3 {font-size:1.5em;}
h4 {font-size:1.5em;}
h5 {font-size:1.3em;}
h6 {font-size:1.2em;}
img
{
background:url() no-repeat right bottom;
padding:4px 10px 10px 4px;
border:0;
border-top:#eee 1px solid;
border-left:#eee 1px solid;
}
a:link img,
a:visited img,
a:hover img,
a:active img {
border:none;
background:none;
padding:none;
background:url() no-repeat right bottom;
padding:4px 10px 10px 4px;
border-top:#eee 1px solid;
border-left:#eee 1px solid;
}
pre, code
{
display:block;
margin:1em;
padding:1em;
font-family:"Courier New", Arial, Verdana, Serif;
font-size:1em;
}
abbr, acronym
{
cursor:help;
}
hr
{
clear:both;
margin-top:5px;
color:#eee;
}
table
{
width:100%;
border:#eee 1px solid;
padding:5px;
}
th
{
text-align:left;
background:#cdcdcd;
padding:5px;
}
tr.even { background:#ededed;}
td, th { padding:10px;}
/************************************************
* Page Menu *
************************************************/
/* =Menu
-------------------------------------------------------------- */
#access {
margin: 0 auto;
width: 980px;
display:block;
}
#access .menu-header,
div.menu {
font-size: 10px;
margin-left: 59px;
border-left: 1px solid;
border-left-color: #000;
}
#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 5px 0 0;
}
#access .menu-header li,
div.menu li {
float:left;
position: relative;
}
#access a {
display:block;
text-decoration:none;
color:#000000;
padding:8px 16px;
background:#d8d8b1;
border-left:none;
color: #000000;
margin:0 0 0 0;
}
#access ul ul {
display:none;
position:absolute;
top:32px;
left:0;
float:left;
box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
width: 180px;
z-index: 99999;
}
#access ul ul li {
min-width: 860px;
}
#access ul ul ul {
left:100%;
top:0;
}
#access ul ul a {
background:#d8d8b1;
border:#d6d9d6 1px solid;
color: #183618;
height:auto;
line-height:1em;
padding:10px;
width: 160px;
}
#access li:hover > a,
#access ul ul :hover > a {
background:#fff;
}
#access ul li:hover > ul {
display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
background: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
background:#fff;
}
#access #searchform
{
float:right;
background:#000;
padding:0 14px;
border:#d6d9d6 1px solid;
border-bottom:0px;
}
#access #s
{
background:#f3f6f3 url(img/bg.jpg) no-repeat left;
padding-left:20px;
width:150px;
}
body
{
background:url('/wordpress/wp-content/themes/misty_look__3_de/misty_look_de/img/bg.jpg') repeat #000000;
background-attachment:fixed;
margin: 0 0 0 0;
font: 76%/1.6em verdana, tahoma, arial, sans-serif;
color: #333;
text-align: center;
}
#container {
border-left-width:1px;
border-left-style:solid;
border-right-width:1px;
border-right-style:solid;
border-color:#000000;
background: #ffffff;
margin: 0 auto;
width: 860px;
position: relative;
text-align: left;
clear:both;
}
#header {
background:#fff;
clear: both;
float: left;
margin: 0 0 0 0;
width: 860px;
font-family:Cambria, Verdana, Arial, Serif;
}
#header h1
{
font-size:1.8em;
margin:10px 0 0 10px;
font-variant:small-caps;
font-weight:normal;
}
#header h1 a {
text-decoration:none;
border:0;
}
#header h1 a:hover,
#header h1 a:active {
border-bottom:#963 1px solid;
}
#header #desc
{
margin:0 0 0 10px;
font-size:1.2em;
font-weight:normal;
}
#headerimage {
clear: both;
background: #fff url(img/misty.jpg) no-repeat 0 0 center;
margin: 0px;
color: #fff;
height: 300px;
width:860px;
}
#content ol
{
list-style-type:decimal;
margin:1em;
padding-left:2em;
}
#content-main
{
margin: 70px 60px 0px 60px;
display:inline;
float: left;
width: 740px;
padding:0 15px;
}
#content-main ul
{
margin:0 1em;
padding:0 1em;
list-style-image:url(img/bullet.png);
}
#content-main ul.asides
{
margin:0;
padding:2em;
border-bottom:#ddd 1px dotted;
}
#content .post
{
clear:both;
margin:1em 0;
padding:0 0 2em 0;
border-bottom:#dcc 1px dotted;
}
#content .entry
{
clear:both;
margin:1em 0;
padding-right:1em;
}
#content .entry a:link, #content .entry a:visited
{
border-bottom:#963 1px dotted;
}
#content .entry a:hover, #content .entry a:active
{
border-bottom:#963 1px solid;
}
#content .entry li
{
margin:0 0 0.3em 0;
padding:0;
line-height:1.6em;
}
#content .post-info , #content .postmetadata
{
font-family: Calibri, Verdana, Arial, Serif;
clear:both;
color:#999;
margin:0;
padding:0;
font-size:1.1em;
}
#content .post-info,
#content h2.pagetitle
{
background:url(img/underline1.jpg) no-repeat left bottom;
padding-bottom:15px;
}
.postnav {
display: block;
margin: 10px 0 60px;
}
.alignleft
{
float:left;
text-align:left;
}
.alignright
{
float:right;
text-align:right;
}
/* Sidebar */
#sidebar {
float: right;
width: 280px;
margin:0 15px;
font-size:0.9em;
}
#sidebar ul
{
list-style:none;
margin:0;
padding:0;
}
#sidebar li
{
margin-bottom:8px;
}
#sidebar ul ul
{
list-style:none;
margin:0.5em 0 0 1em;
}
#sidebar ul ul ul
{
margin:0 0 0 1em;
}
#sidebar li.sidebox {
padding:10px;
margin:0 0 2em 0;
background: #ededed;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
li#sidelinks ul
{
margin:0;
padding:0;
}
#sidebar li.sidebox p img {
margin:0;
padding:3px;
border:#ccc 1px solid;
background:none;
}
#sidebar h2,
#sidebar h3
{
text-transform:uppercase;
color:#181836;
}
#footer {
clear: both;
margin: 0 auto;
width: 960px;
text-align: left;
}
#footer p {
float: left;
width: 50%;
line-height: 1.2em;
}
#footer p.right {
float: right;
margin: 1em 0;
width: 50%;
text-align: right;
font-size: 0.9em;
color:#999;
}
#comments, #respond
{
clear:both;
margin: 0;
padding:1em 0 0 0;
}
#commentform
{
margin:10px 0;
padding:10px;
background:#f9fcfc;
border-top: #ddd 1px solid;
border-bottom: #ddd 1px solid;
}
.commentnum
{
font-size:1.5em;
font-weight:bold;
margin:0 5px 0 0;
}
.nocomments
{
text-align:center;
color:#999;
font-size:0.9em;
}
#container .commentlist {
margin: 1em 0;
padding: 0;
border-top: #ddd 1px solid;
}
#container .commentlist li
{
list-style:none;
margin: 0;
padding: 0.5em 0.5em 2em;
background:#fff url(img/shadow_top.gif) repeat-x top;
border-bottom: #ddd 1px solid;
}
#container .commentlist li.alt
{
background:#f9f9f9;
}
#container .commentlist li.authorcomment, #container .commentlist li.bypostauthor
{
border:#fc9 1px solid;
}
#container .commentlist li .cmtinfo
{
font-size:1em;
}
#container .commentlist li cite
{
font-style:normal;
font-weight:bold;
}