Menu plek veranderen in css

Ik heb deze layout,
Nu wil ik dat het zo wordt dat het menu op eigengrote blijft maar die ernaast langer.
Ook de footer moet evenlang zijn.

De style.css:

body
{
    background: url(images/bg.png);
    background-repeat: repeat;
}

.header 
{ 
    background-image: url(images/headerbg.png); 
    background-repeat: no-repeat; 
    width: 1000px; 
    height: 201px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10px;
} 

.menu
{ 
    background-image: url(images/menubg.png); 
    background-repeat: no-repeat; 
    width: 1000px; 
    height: 49px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #FFF;
    text-align: center;
    padding-top: 10px;
} 

#leden_top
{
    background:url(images/leden_top.png);
    width: 189px;
    height: 7px;
    margin-left: 212px;
    margin-top: 8px;

}

#leden_mid
{
    background:url(images/leden_mid.png);
    width: 184px;
    overflow: hidden;
    padding-left: 5px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #474747;
    margin-left: 212px;
}

#leden_footer
{
    background:url(images/leden_footer.png);
    width: 189px;
    height: 7px;
    margin-left: 212px;
}

#content_top
{
    background:url(images/content_top.png);
    width: 545px;
    height: 7px;
    margin-left: 420px;
    margin-top: -144px;
}

#content_mid
{
    background:url(images/content_mid.png);
    width: 540px;
    overflow: hidden;
    padding-left: 5px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #474747;
    margin-left: 420px;
}

#content_footer
{
    background:url(images/content_footer.png);
    width: 545px;
    height: 7px;
    margin-left: 420px;
}

#banner
{
    background: url(images/banner1.png);
    width: 468px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#copy_top
{
    background:url(images/copy_top.png);
    width: 758px;
    height: 7px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#copy_mid
{
    background:url(images/copy_mid.png);
    width: 753px;
    overflow: hidden;
    padding-left: 5px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #474747;
    margin-left: auto;
    margin-right: auto
}

#copy_footer
{
    background:url(images/copy_footer.png);
    width: 758px;
    height: 7px;
    margin-left: auto;
    margin-right: auto
}

h1
{
    font-family:  Helvetica;
    font-size: 18px;
    color: #474747;
    font-weight: bold
}

Alvast superbedankt voor de moeite!

Ik zal er voor je naar kijken, die banner kan ik wel onder krijgen, via je html

Het is mark niet gelukt wie wel?

.menu
{
background-image: url(images/menubg.png);
background-repeat: no-repeat;
width: 1000px;
height: 49px;
margin-left: auto;
margin-right: auto;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFF;
text-align: center;
padding-top: 10px;
}

Aanpassen

gooi eerst je layout eens in een container dan hoef je niet zo te knoeien met die margins,
daarna kan je dat vak goed zetten en die footer wijder maken

Quincy schreef:

.menu

{
background-image: url(images/menubg.png);
background-repeat: no-repeat;
width: 1000px;
height: 49px;
margin-left: auto;
margin-right: auto;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFF;
text-align: center;
padding-top: 10px;
}

Aanpassen
In wat?

Marjolein schreef:

gooi eerst je layout eens in een container dan hoef je niet zo te knoeien met die margins,

daarna kan je dat vak goed zetten en die footer wijder maken
Zou jij dat willen doen?

marjolien bedoelt zo.

#container {
width: 984px;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
}
#leden_mid
{
float: left;
width: 125px;
background: #EBEBEB;
padding: 15px 0;
}
voor float kun je ook rechts gebruiken.
hoop je stukje te geholpen te hebben.

je footer gooi je gewoon even breed als je container. dan kun je margin weg laten

Nu is de layout goed, alleen lukt het inbouwen niet.

Wie wilt het proberen?

licht er aan wat je er in gebouwt moet hebben..
als je een andere pagina inbouwt waar ook divjes staan. dan gaan die namelijk gek doen

Deze layout in het systeem.