Footer gleiche Breite wie Navigation. Wie??

geischt

Ich suche jetzt schon eine weile nach einer möglichkeit den footer zu verbreitern. er sollte genau wie die navi-bar über die ganze seite gehen, ohne dabei fixe breiten zu verwenden...
hp-link: http://www.da-vinci-audio.com
hier das CSS-sheet:

Code

/*
Theme Name: Infinite-Gray
Theme URI: http://www.coated.com
Description: <a href = "http://feeds.feedburner.com/CoatedDotCom">Subscribe now</a> for updates.  Infinite Gray is a clean two column theme which validates both for css and xhtml.  Widgets are supported and code is optimised for quick loading.  Be sure to visit the <a href = "http://www.coated.com/wordpress-theme-infinite-wordpress">Infinite Gray Theme Homepage</a> for additional updates.  For other free themes, please visit our <a href = "http://www.coated.com/category/free-wordpress-themes/">Free Themes Page</a>.
Author: Mike James
Author URI: http://www.coated.com
version: 1.0
*/






/* basics */


*{margin:0; padding:0;}


body {
    background: #000;
    font-family: verdana, arial, sans-serif;
    font-size: 11pt;
    }
    
h1 {font-size: 18pt;}
h2 {font-size: 14pt; margin-top:10px;}
h3 {font-size: 10pt; margin-top:10px;}
h4 {font-size: 9pt;}


small {font-size:11px; color:#fff; }


/* images and misc. */


img{ border: none; padding: 6px; }
img a{border:none;}


img.left{ float: left; border: none; padding: 6px; }
img.right{ float: right; border: none; padding: 6px; }


blockquote{
    border-left:1px solid #000;
    margin:15px;
    padding:0 16px 0 16px;
    }


code{
    margin:10px;
    font-family: verdana, arial, sans-serif;
}




/* links */


a{
    color:#fff;
    text-decoration:none;
    border: none;
    }


a:hover{color:#fff;text-decoration: underline; border: none;}






/* container */




#container {
    width: 960px;
        margin: 0 auto;
    background:#464646; 
    color:#fff;


    }
    
/* header */


#header {
    background: #000;
        width: 100%; 
    color: #a4a4a4; 
    height: 110px;
        margin: 0 auto;
        text-align: center
    }


#header h1{
    font-family: verdana, arial, sans-serif;
    font-size: 2.7em;
    font-weight: 300;
        text-decoration: none;
    letter-spacing: 1px;
        padding: 40px
}


#header h2{
    font-family:  verdana, arial, sans-serif;
    font-size: 1.6em;
    font-weight: 200;
    color: #fff;
    letter-spacing: 1px;    


    }


/* main menu */


#menubg {
    background: #4A4A4A url(images/menu-bg.gif) repeat-x;
        width: 100%; 
    height:30px;
    border-top: 1px solid #000;
    border-bottom: 3px solid black;
}






#menu {
    margin-top:-34px;
    background: #4A4A4A url(images/menu-bg.gif) repeat-x;
    font-family:  verdana, arial, sans-serif;
    font-size: 11pt;  
        width: 100%; 
    height:30px;
    border-top: 1px solid #000;
    border-bottom: 3px solid black;
}




#menu ul {
    margin: 6px 0 6px 0;
    padding: 0;
    text-align: center;
}


#menu ul li {
    list-style-type: none;
    display: inline;
    margin: 0;
    padding: 0;
}


#menu ul li a {
    padding: 7px 13px 7px 13px;
    margin: 0;
    text-decoration: none;
    color: #fff;


}


#menu ul li a:hover {
    text-decoration: none;
    color:#a4a4a4;
    background:url(images/menu_bg_over1.gif) repeat-x;
        padding: 7px 13px 5px 13px;    
}






/* content */




#content {
    float: left;
    width: 79%;
    overflow: hidden;
    }    


.post {
    margin:0 10px;
    padding:10px 10px 10px 5px;
    line-height: 14pt;
    }
    
.post h2{
    font-family:  verdana, arial, sans-serif;
    font-size: 18pt;
    font-weight: 350;
    color: #cacaca; 


    }
    
.post h2 a{
    color: #fff;
    text-decoration: none;
    }
    
.post h2 a:hover{
    color: #fff;
    text-decoration: none;
    }
    
.post p{font-size: 11pt;}


.post a {


color: #fff;
text-decoration:none;


}


.post a:hover {
color: #fff;
text-decoration:underline;


}


.post a:visited {


color: #fff;




}


.post ul {}


.post li {}


.entry p{margin:12px 0;}


.postmetadata{
    clear: both;
    background:#ffffff;
    padding:6px;
    margin-top: 16px;
    }
    


.navigation {
    font-size:8pt;
    float:left;
    width:100%;
    }
    
    .alignleft {float:left; margin:25px;}
    .alignright {float:right; margin:25px;}


.notfound{padding: 25px; font-size: 14pt; font-weight: 300;}


/* sidebar */


#sidebar {
    font-family:  verdana, arial, sans-serif;
    font-size:8.5pt;
    width: 20%;
    float:right;
        background-color:#464646;
    }


#sidebar h2{
    font-family:  verdana, arial, sans-serif;
    font-weight: normal; 
    font-size: 12pt; 
    text-align: left;
    color: #fff;
    background-color:#a4a4a4;
}


#sidebar p {margin:0; padding: 0 0 0 0;}


#sidebar img {padding: 0; margin: 0;}


#sidebar ul {
    margin:0;
    padding:6px 0 5px 3px;
    list-style-type: none;
    }


#sidebar ul li {
    margin: 0;
    padding: 0;
    line-height: 14pt;
    list-style-type: none; 
    }


#sidebar ul ul {
    margin: 0 0 0 0;
    padding: 0;
}


#sidebar ul ul li {
    list-style-type: circle;
    list-style-position: inside;
    }


#sidebar ul ul ul{
    margin: 0;
    padding: 10px;
}


#sidebar ul ul ul li{
    padding: 0 0 0 0;
    list-style-type: square;
    color: #fff;
}


#sidebar a{
    color:#fff;
    text-decoration:none;
    border: none;
    }


#sidebar a:hover{
     color:#fff;
     text-decoration: underline;
     border: none;
}


#sidebar a:visited{
    color:#fff;
    border: none;
    }




/* comments */


#commentssection{
    clear: both;
    padding: 2px 12px;
    margin: 0;
    font-size:10pt;
    }
    
#commentssection h3{
    font-family:  verdana, arial, sans-serif;
    font-size: 12pt;
    font-weight: 300;
    font-style: normal;
    color: #000;
    }


#commentform{
    background: #fff;
    margin: 12px 12px 20px 12px;
    padding:20px;
    }
    
#commentform p{
    color: #000;
    }
    
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
    
#commentform h3{
    font-family:  verdana, arial, sans-serif;
    font-size: 10pt;
    font-weight: 300;
    color: #000;
    }
    
#commentbox{
    width:75%;
    min-width:400px;
    margin:5px 5px 0 0;
    }


#author, #email, #url, #commentbox, #submit{
    background: #fff;
    font-family: verdana, arial, sans-serif;
    font-size: 8pt;
    margin:5px 5px 0 0;
    border: none; 
    padding: 6px;
    border: 1px solid #B2B2B2;
    }


#submit{margin:5px 5px 0 0;}


    
ol.commentlist {list-style-type: none;}


ol.commentlist li {
    background: #fff;
    margin:10px 0;
    padding:5px 0 5px 10px;
    overflow: hidden;
    }


ol.commentlist li.alt {
background: #f8f8f8;
border:1px solid #DDDDDD;
}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}


ol.commentlist a {color:#393939;}


cite {
    font-family: verdana, arial, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    }
    
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}




/* search */


#searchform{
    padding: 6px 0 6px 16px;
    font-family: verdana, arial, sans-serif;
    }


#searchform input#s{
    font-family: verdana, arial, sans-serif;
    font-size: 8pt;
    padding: 2px;
    margin: 2px;
    border: 1px solid #B7B7B7;
    }


#searchform input#searchsubmit{
    font-family:  verdana, arial, sans-serif;
    font-size: 7pt;
    padding: 2px;
    margin: 2px 0 0 2px;
    border: 1px solid #B7B7B7;
    background-color: #fff;
    color: #797979;
    }


/* footer */


#footer {
    background: #004A75 url(images/menu-bg.gif) repeat-x;
    width: 100%;
    margin-top:15px;
    border-top:solid 0px #a4a4a4;
    font-family:  "palatino linotype";
    font-size: 9px;
    text-align:center;
        clear:both;
    }
    
#footer p{
    padding:6px;
    margin: 0; 
    color: #999999;
    }


#footer a{
    color: #999999;
    ;text-decoration: none;
    }


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


#footer a:visited{
    color: #999999;
    }


h2.archivetitle {
    font-size: 14pt;
    padding-left: 17px;
}


h2.searchtitle {
    font-size: 14pt;
    padding-left: 17px;
}


.post ol { 
    padding: 10px 0px 10px 25px; 
    margin: 0px; font-size:10pt; 
    }


.post ol li { 
    padding: 2px 0px 2px 0px; 
    line-height: 15px; font-size:10pt; 
    }


.post ul { 
    padding: 10px 0px 10px 5px; 
    margin: 0px; font-size:10pt;
    } 


.post ul li { 
    padding: 2px 0px 2px 15px; 
    list-style-type: none; 
    line-height: 15px; 
    font-size:10pt;
    }

Alles anzeigen

irgendwer irgendeine idee?? :confused:
vielen dank!!

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

alchymyth

da musst du im footer.php was aendern - und zwar das letzte </div> vom ende an die stelle vor dem <div id="footer"> verschieben.
im zweifelsfall hier die footer.php posten.

PS: ist leider nicht so ganz einfach - hat den folgefehler, dass der graue hintergrund im content verschwindet.

PPS: kann mit einer aenderung in der style.css gutgemacht werden:

Code

#content {
 float: right;
 width: 79%;
 overflow: hidden;background:#464646;padding-right:8px;
 }

PPPS: noch was - 1px padding unter der sidebar:

Code

#sidebar {
 font-family:  verdana, arial, sans-serif;
 font-size:8.5pt;
 width: 20%;
 float:right;
        background-color:#464646;
padding-bottom:1px;
 }

geischt

jawolll!! hat perfekt geklappt!! vielen, vielen dank für die super hilfe!!!

geischt

hab mich ein bisschen zu früh gefreut. etwas hat doch noch nicht geklappt:
der graue bg der sidebar "wächst" nicht mehr mit dem content mit. hast du einen vorschlag??
screenshots im anhang.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Footer gleiche Breite wie Navigation. Wie??

Jetzt mitmachen!