Probleme mit dem Header

chris87

Hallo, ich hoffe mir kann hier einer weiterhelfen, ich gekomms einfach nicht hin.

Am besten erklär ichs mal mit nem Screenshot (siehe anhang)
(Als Anmerkung: Ich bin zeimlich neu in Wordpress unterwegs, also entschuldigt bitte wenn ich etwas schlecht oder falsch erkläre.)

irgendwie wird das Logo im Header immer durch den rotmarkierten Bereich "überschrieben".
Also als ob das Logo eine Ebene unter dem markierten Bereich liegen würde.
wenn ich das Logo also etwas nach untern verschieben möchte, verschwindet immer ein Teil der Grafik.

Ich hab schon alles in den Codes abgesucht, aber keine Lösung gefunden.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

chris87

hier mein Stylesheet Code

CSS

*/


/* andreas06 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.


Version: 1.1, November 28, 2005 */


.entry, .entrytext {
    overflow: hidden;
}




* html .entry, * html .entrytext {
    overflow: visible;
    height: 1px;
}


* html .entry p, * html .entrytext p {
    width: 99%;
    overflow: hidden;
}


/* Various Elements */


body {
    background: url(images/bodybg.gif) #E0E0E0 repeat-x;
    color: #505050;
    font: 80% Comic Sans MS,Georgia,Verdana,Tahoma,Arial,sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: top;


}


a {
    color: #FA9035;
    font-weight: normal;
    text-decoration: none;
}


a:hover {
    color: #D04A10;
}


code {
    color: #B07300;
    font-size: 1.1em;
}


dd {
    margin: 1px 0 12px 15px;
}


dt {
    font-weight: 700;
}


hr {
    height: 1px;
    margin: 10px 0;
    width: 98%;
}


/* Structure */


#container{
    background: url(images/bodybg.gif) #C0C0C0 repeat-x;
    margin: 0 auto;
    text-align: left;
    width: 836.5px;


}
#wrap1 {
    background: url(images/innerbg.gif) #FFFFFF repeat-y;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    clear: both;
    padding: 0 !important;
    padding-top: 0px;
    width: 835px;
    z-index: 1;


}


#wrap2 {
    background: url(images/header.jpg) top left no-repeat;
    margin-top: -10px; /* This doesn't work for Mozilla 1.7.12 */
    padding: 10px;
    width: 815px;
}


/* Header */


#header {
    height: 00px;
    position: relative;
    width: 835px;
}


#header h1 {
    float: left;
    font-size: 1.4em;
    margin: 0;
    width: 180px;
}


/* Sitename */


#sitename {
    background: url(images/logo.png) top center no-repeat;
    font-weight: 400;
    height: 100px;
    margin: 0px 20px 0px 0;
    padding-top: 0px;
    text-align: center;
    z-index: 2;
}


#sitename div.description {
    color: #FFFFFF;
    font-size: 1.6em;
    letter-spacing: -1px;
    margin: 0;
}


#sitename h1 {
    font-size: 2.2em;
    margin: 0;
    padding-top: 20px;
}


#sitename h1 a {
    color: #FFFFFF;
}


/* Tab Navigation */


#nav  {
    background: url(images/greypx.gif) bottom left repeat-x;
    float: left;
    padding: 0 0 0 0;
    width: 835px;
}


#nav .current_page_item {
    background: url(images/tabs.gif) no-repeat 0 -41px;
}


#nav .current_page_item a {
    background: url(images/tabs.gif) no-repeat 100% -41px;
    color: #303030;
    padding: 7px 00px 8px 11px;
}


#nav a {
    background: url(images/tabs.gif) no-repeat 100% 0;
    color: #808080;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0 0 0 0;
    padding: 7px 0px 8px 11px;
    text-decoration: none;
}


#nav a:hover {
    color: #505050;
}


#nav li {
    background: url(images/tabs.gif) no-repeat 0 0;
    float: left;
    margin: 0 4px 0 0;
    padding: 0 0 0 9px;
}


#nav ul {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}


/* Topbox */


#topbox {
    color: #808080;
    margin: 0 0 4px;
    text-align: right;
}


#topbox a {
    color: #D04A10;
}


#topbox a:hover {
    text-decoration: underline;
}


/* Left Sidebar */


#leftside {
    float: left;
    margin: -15px 0 0;
    width: 145px;
}


#leftside h2 {
    font-size: 1.4em;
    font-weight: 400;
    padding-bottom: 0px;
    margin-bottom: 5px;
}


#leftside li {
    list-style: none;
}


#leftside li a {
    color: #D04A10;
    display: block;
    font-size: 1.0em;
    font-weight: bold;
    padding: 2px 2px 2px 5px;
    position: relative;
    text-decoration: none;
    width: 125px;
}


#leftside li a:hover {
    border: 1px solid #FA9035;
    color: #505050;
    padding: 1px 1px 1px 4px;
}


#leftside ul {
    margin: 10px;
    padding-left: 5px;
}


#leftside ul.children li a {
    font-size: 0.9em;
    margin-left: 5px;
    padding: 1px 1px 1px 6px;
    width: 105px;
}


#leftside ul.children li li a:hover {
    padding: 0 0 0 5px;
}


#leftside ul.children li li a {
    margin-left: 10px;
    padding: 1px 1px 1px 6px;
}


#leftside ul.children li a:hover {
    border: 1px solid #FA9035;
    color: #505050;
    padding: 0 0 0 5px;
}


#leftside li.current_page_item a {
    background: #ECD9CB;
    border: 1px solid #FA9035;
    padding: 1px 1px 1px 4px;
}


/* Right Sidebar */


#rightside{
    float: right;
    margin: 40px 15px 20px 0;
    width: 130px;
}


#rightside p {
    font-size: 0.9em;
    margin: 2px 0 12px 10px;
}


#rightside h1 {
    font-size: 1.4em;
    font-weight: 400;
    margin: 0 0 12px;
}


#rightside h2 {
    font-size: 1.2em;
    font-weight: 400;
}


#rightside img {
    border: 1px solid #FA9035;
    margin: 10px 0 5px 5px;
    padding: 2px;
}


#rightside li {
    list-style: none;
}


#rightside ul.right-links li {
    font-size: 1.0em;
    list-style: none;
    padding: 0 0 5px 0px;
    margin: 0px;
}




#rightside ul.right-links {
    margin: 0 0 0 0;
    padding: 0 0 0 0px;
}


/* Recent Comments plugin */


div#recentcomments {
    padding-top: 10px;
}


span#recentCommentsTitle {
    font-size: 1.2em;
    font-weight: 400;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}


#recentcomments ul ul {
    margin: 0 0 0 5px;
    padding: 0 0 5px 0;


}


#recentcomments ul ul li{
    margin: 0px;
    padding: 5px;
    font-size: 0.9em;
}


#recentcomments ul ul li a {
        color: #D04A10;
}


#recentcomments ul ul li a:hover {
        color: #FA9035;
}


ul#recentcommentsList {
    padding: 5px 0 0 0;
    margin: 0 0 0 0; 
}




li span.recentCommentsPostTitle {
    margin: 0px;
    padding: 0px;
    font-size: 1em;
}


li span.commentAuthor {
    margin: 0px;
    font-weight: bold;
    font-size: 1.0em;
}
/* Content */


#content {
    margin: 45px 160px 0 180px;
    width: 625px;


}


#content h1,#contentalt h1 {
    color: #505050;
    font-size: 2em;
    font-weight: 400;
    margin: 15px 0 10px;
    padding: 0;
}


#content h2 a,#contentalt h2 a {
    color: #505050;
    font-size: 1.0em;
    font-weight: 200;
}




#content h2 a:hover,#contentalt h2 a:hover {
    color: #D04A10;
}


#content h2,#contentalt h2 {
    border-bottom: 1px solid #FEE0C8;
    color: #505050;
    font-size: 1.8em;
    font-weight: 200;
    margin: 20px 0 10px;
    padding: 0;
}


#content p,#contentalt p {
    margin: 8px 0 0 10px;
}


#contentalt {
    margin: 45px 15px 0 180px;
    width: 625px;
}


.entry img, .entrytext img {
    background: #FAFBFC;
    border: 1px solid #E0E0E0;
    margin: 5px 5px 0px 5px;
    padding: 5px;
}


img.wp-smiley {
    background: transparent;
    border: 0px;
    margin: 0px;
    padding: 0px;
}


/* Footer */


#footer {
    clear: both;
    color: #A0A0A0;
    font-size: 0.9em;
    height: 36px;
    margin-top: 20px;
    padding: 1px;
    text-align: right;
    width: 810px;
}


#footer a {
    color: #A0A0A0;
    font-weight: 400;
}


#footer a:hover{
    color: #A0A0A0;
    text-decoration: underline;
}


/* Back and Forward Navigation */


.navigation {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
}


.bottomnavigation {
    margin: 30px 0 0 0;
    padding: 5px 0 30px 0;
}


.alignleft {
    float: left;
    font-size: 0.9em;
    text-align: left;
}


.alignright {
    float: right;
    font-size: 0.9em;
    text-align: right;
}


/* Images */


.noalign {
    background: #FAFBFC;
    border: 1px solid #E0E0E0;
    margin: 5px 5px 5px 5px;
    padding: 5px;
}


.right {
    background: #FAFBFC;
    border: 1px solid #E0E0E0;
    float: right;
    margin: 5px 0px 6px 15px;
    padding: 5px;
    display: inline;
}


.left {
    background: #FAFBFC;
    border: 1px solid #E0E0E0;
    float: left;
    margin: 5px 15px 6px 0px;
    padding: 5px;
    display: inline;
}


/* Search */


#searchform {
    margin: -5px 0 2px 0;
    padding: 0 0 3px 0;
}


#searchbox {
    border: 1px solid #99AFBD;
    width: 200px;
}


#searchsubmit {
    color: #D04A10;
    font-weight: bold;
    background: #FEE0C8;
    border: 1px solid #99AFBD;
    padding: 0 10px 0 10px;
    height: 19px;
}


#searchsubmit:hover {
    color: #505050;
    border: 1px solid #505050;
}


/* Comments Form */


#author {
    border: 1px solid #FECA9E;
}


#comment {
    border: 1px solid #FECA9E;
    width: 99%;
}


#url {
    border: 1px solid #FECA9E;
}


#email {
    border: 1px solid #FECA9E;
}


#submit {
    color: #D04A10;
    font-weight: bold;
    background: #FEE0C8;
    border: 1px solid #FA9035;
    padding: 0 10px 0 10px;
    width: 150px;
}


#submit:hover {
    color: #505050;
    border: 1px solid #505050;
}


ol.commentlist li {
    background-color: #D3E4EF;
    border: 1px solid #FECA9E;
    margin-bottom: 5px;
    padding: 5px;
}


ol.commentlist li.alt {
    background-color: #FEEFE2;
    border: 1px solid #FEE0C8;
}


/* Various Styles */
img.wp-smiley {
    border: 0px;
}


p {
    line-height: 1.5em;
    margin: 0 0 15px;
}


#archives ul {
    padding: 0px;
    margin: 0px;
}


#archives ul ul {
    padding: 0px;
    margin: 0px;
}


#archives li {
    list-style: none;
    margin: 0px;
    padding: 0 0 0 15px;
}


#links ul {
    padding: 0px;
    margin: 0px;
}


#links li {
    list-style: none;
    margin: 0px;
    padding: 0 0 5px 20px;
}
.box {
    background: url(images/boxbg.gif) #F8F8F8 top left repeat-y;
    border: 1px solid #D0D4D4;
    color: #505050;
    margin: 15px auto;
    padding: 10px 10px 10px 20px;
    width: 75%;
}


.center {
    text-align: center;
}


.entry {
    padding: 0 0 20px 0;
}


.hide {
    display: none;
}


.info {
    border-bottom: 3px double #FEE0C8;
    border-top: 1px double #FEE0C8;
    font-size: 0.9em;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0 0 7px 0;
}


.info a {
    font-weight: normal;
}

Alles anzeigen

Marcus[IS]

Hi,

versuch mal den Wert height beim sitename layer zu erhöhen, dann sollte der Hauptteil eigentlich etwas nach unten rutschen.

Code

#sitename {
background:url("http://forum.wordpress-deutschland.org/images/logo.png") no-repeat scroll  center top transparent;
font-weight:400;
[B][COLOR=Red]height:200px;[/COLOR][/B]
margin:0 20px 0 0;
padding-top:0;
text-align:center;
z-index:2;




}

Alles anzeigen

chris87

thx fü den hinweis

das problem ist zwar nit behoben
aber ich hab dafür ne andere alternative gewählt

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Probleme mit dem Header

Jetzt mitmachen!