Navi verschoben
Hallo alle zusammen,
ich habe lange gesucht und verschiedenes ausprobiert aber ich bekomme das alles nicht hin.
Ich hhabe ein neues Theme benutzt für mein Layout und nun habe ich das Problem das meine NAvi auseinander gerissen ist, mehr oder weniger.
Ich habe die HOME-Seite als statische Seite eingerichtet und auf einmal ist zwischen der HOME-Seite und der nächsten Seite (Beratung) eine größerer Abstand als zwischen den anderen Seiten.
Wie bekomme ich das weg? Bzw. wodurch wird dieser Abstand möglicher Weise definiert?
Hier meine CSS:
/*
Theme Name: Fruitopia
Theme URI: http://www.themeporter.com
Description: Two column Blog Layout
Author: Theme Porter
Author URI: http://www.themeporter.com/
*/
/* Credits Copyright: Darren Hester 2006, http://www.designsbydarren.com
License: Released Under the "Creative Commons License",
http://creativecommons.org/licenses/by-nc/2.5/
*/
body {
text-align: center;
background: #9d9488; /*url('img/bg.jpg') top center no-repeat fixed;*/
margin-top:0px;
margin-bottom:10px;
}
A:link {
COLOR: #9d9488; text-decoration: none
}
A:visited {
COLOR: #9d9488; text-decoration: none
}
A:active {
COLOR: #9d9488; text-decoration: none
}
A:hover {
COLOR: #9d9488; text-decoration: none
}
#page_wrapper {
margin-left: auto;
margin-right: auto;
padding-top: 9px;
width: 1024px;
text-align: left;
background: #FFFFFF;/*url('img/content_bg.jpg') top right repeat-y;*/
border: 0px solid #018843;
}
#page_header {
height: 249px;
margin: 0px 9px 0px 9px;
background: #e7b012;
background-image: url('img/kj_web_header1.jpg');
clear: both;
}
#page_header h1 {
margin: 0px;
padding-top:30px;
padding-left:25px;
font-family: verdana, arial, sans-serif;
font-size:32px;
font-weight: normal;
letter-spacing: -1px;
color: #d3761d;
}
#page_header h1 a
{
color:#fff;
text-decoration:none;
}
#page_header h1 a:visited
{
color:#fff;
text-decoration:none;
}
#page_header h2 {
margin: 0px;
padding-left:25px;
font-family: verdana, arial, sans-serif;
font-size:13px;
font-weight: normal;
letter-spacing: 2px;
color: #018843;
}
#menu_bar {
height: 38px;
width: 1006px;
margin: 0px 9px 0px 9px;
background: #8a3520; /*url('img/drop_shadow.gif') top left repeat-x;*/
clear: both;
}
#menu_bar ul {
margin-top: 5px;
padding-left: 35px;
padding-top: 0px;
margin-left: 0px;
background: #8a3520; /*url('img/menu_bg.gif') top left repeat-x;*/
color: white;
float: left;
width: 971px;
height: 10px;
font-family: verdana, arial, sans-serif;
font-size:14px;
font-weight: normal;
vertical-align: middle;
}
#menu_bar ul li { display: inline; }
#menu_bar ul li a
{
padding-top:5px;
padding-bottom:0px;
padding-left:12px;
padding-right: 15px;
background: #8a3520; /*url('img/menu_bg.gif') top left repeat-x;*/
color:#d3761d;
text-decoration: none;
float: left;
}
#menu_bar ul li a:hover
{
background: #8a3520; /*url('img/menu_hover_bg.gif') top left repeat-x;*/
color: #FFFFFF;
}
#content_wrapper {
margin-top: 0px;
margin-bottom: 10px;
margin-left: 55px;
margin-right: 9px;
padding-top: 0px;
clear:both;
}
/*#right_side {
margin-top:0px;
padding: 0px 0px 0px 10px;
float: right;
width:269px;
background: transparent; /*url('img/sidebar_hintergrund.jpg');*/
border:0px dashed #cccccc;
}*/
#right_side h3 {
margin-top:0px;
margin-bottom:0px;
font-family: verdana, arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #9d9488;
padding:4px;
border: 0px solid #AAE5A4;
background-color:transparent;
}
#right_side p {
margin-top:0px;
margin-bottom: 0px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #d3761d;
line-height: 16px;
padding-left:4px;
}
#left_side {
float: left;
width:960px;
background-color: #FFFFFF;
border:0px dashed #cccccc;
}
#left_side h3 {
margin-top: 0px;
margin-bottom: 0px;
font-family: verdana, arial;
font-size: 18px;
font-weight: normal;
color: #9d9488;
background-color:#FFFFFF;
background-image: url('img/hintergrund_seitenüberschrift.jpg');
padding-top: 30px;
clear:both;
}
#left_side p {
margin-top:0px;
margin-bottom: 0px;
font-family: verdana, arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #666666;
line-height: 18px;
padding-left:4px;
}
.float_left {
float: left;
margin-right: 10px;
}
.float_right {
float: right;
margin-left: 10px;
}
#feature_box {
float:left;
width:250px;
background-color: #F6FCEC;
border:0px solid #AAE5A4;
padding:10px;
margin-top:10px;
margin-bottom:5px;
margin-right:8px;
}
#feature_box h4 {
padding-left:5px;
margin-top:0px;
margin-bottom:5px;
font-family: verdana, arial, sans-serif;
font-size: 12px;
color: #779E28;
}
#feature_box p {
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #555555;
line-height: 16px;
margin-bottom:5px;
}
#page_footer {
margin: 0px 9px 0px 9px;
height: 40px;
background-color: transparent;
border-top: 2px solid #8a3520;
clear: both;
}
#page_footer p {
padding-left:55px;
padding-top:0px;
text-align: left;
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #68686a;
letter-spacing:1px;
}
#spacer {
height:0px;
clear:both;
}
.arrow_list {
margin-left: 10px;
padding-left: 0;
list-style: none;
}
.arrow_list li {
padding-left: 10px;
background-image: url(../img/arrow.gif);
background-repeat: no-repeat;
background-position: 0 7px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
line-height:18px;
}
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}
#commentform {
margin: 1em 0;
background: #ffffff;
width: 280px;
}
#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}
#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}
Alles anzeigen
Und nicht zu vergessen ein Bild der Navi:
Jetzt schon mal vielen Dank an alle die sich die Zeit nehmen sich, dass alles anzusehen.