Hallo,
ich habe ein Problem das iNove-Theme meinen Wünschen anzupassen.
Ich habe einen größeren Header eingebaut und will nun die Navigationsleiste dementsprechend nach unten verschieben. Jedoch fällt nun so das ganze Design auseinander: der content-Teil ist in die Mitte verschoben, der footer unterhalb der Navigation, die Sidebar unterhalb allem.
Hier könnt ihr euch ein Bild davon machen:
http://www.gossipgirlblog.de
Leider kann ich den entsprechenden Teil in der css nicht finden, weshalb ich einfach mal den ganzen Headerteil poste.
Code
/* header START */
#header {
background:url(img/header.jpg) 0 0 no-repeat;
height:273px;
}
#caption {
height:44px;
padding:100px 100px 21px;
}
#title a {
text-decoration:none;
color:#FFF;
/*width:250px;*/
height:30px;
display:block;
font-family:"Trajan Pro";
letter-spacing:0;
}
/* image blog title */
/*
#title a {
background:url(img/title.gif) no-repeat;
text-decoration:none;
color:#FFF;
width:250px;
height:30px;
text-indent:-999em;
display:block;
}
*/
#tagline {
color:#FFF;
border-top:1px solid #FFF;
text-decoration:none;
font-size:10px;
float:left;
padding:0 3px;
}
#navigation {
margin:108px 0;
}
#menus li {
display:inline;
list-style:none;
}
#menus li a {
background:transparent url(img/menu.gif) no-repeat;
display:block;
color:#382E1F;
height:31px;
line-height:31px;
padding:0 20px;
margin-left:-10px;
text-decoration:none;
font-size:11px;
float:left;
z-index:1;
}
#menus li a:hover {
background-position:0 -31px;
}
#menus li.current_page_item a,
#menus li.current-cat a {
background-position:0 -62px;
}
#menus li a.home {
background-position:0 -93px;
width:45px;
padding:0;
margin-left:0;
text-indent:-999em;
}
#menus li a.home:hover {
background-position:0 -124px;
}
#menus li.current_page_item a.home {
background-position:0 -155px;
}
#menus li a.lastmenu:hover {
background-position:0 0;
}
#searchbox {
width:280px;
float:right;
padding:4px 70px;
}
#searchbox .textfield {
line-height:16px;
width:180px;
float:right;
}
#searchbox .switcher {
background:url(img/icons.gif) 0 0 no-repeat;
float:right;
width:18px;
height:22px;
line-height:16px;
display:block;
text-indent:-999em;
float:right;
padding:0 2px;
height:16px;
margin-top:3px;
}
/* header END */
Alles anzeigen
Ich hoffe, ihr könnt mir Anregungen geben, wie ich das Problem beheben kann. Ich habe mich schon lange damit beschäftigt, aber leider keine Lösung gefunden.