[CSS] Waarom niet in het midden?

Hallo,

Waarom zet die die niet in het midden:

background-color:#fff;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-box-shadow: 1px 0px 1px #000000;
    top: 0px;
    bottom: 0px;
    margin: 0px auto;
    position:fixed;
    width: 900px;

Ik heb werkelijk waar geen idee waarom niet

Crazy

top: 0px is 0px vanaf de bovenkant

Ja het is de bedoeling dat hij helemaal boven je expolt aan sluit en helemaal onder dat werkt met fixed maar midden werkt dan niet

is ook een beetje afhankelijk hoe de rest aanvraag.
als je bij voorbeeld een divje hebt met "float;left" en "width:100px".
moet je deze div "margin: 100px auto" mee geven.
dan haalt de div dus 100px ruimte aan link en recht vrij
dus zonder meer css zien wij het probleem ook nier

body {
    background-color: #ABCDEF;
    font-family: Verdana;
    font-size: 11px;
}
#clear {
    clear: both;
}
#content {
    background-color:#fff;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-box-shadow: 1px 0px 1px #000000;
    top: 0px;
    bottom: 0px;
    margin: 0px auto;
    position:fixed;
    width: 900px;
}

Position moet dat niet relative ofzoiets zijn?

Dan werkt het centeren wel maar dat werk mijn ding niet dat content boven aan de browser vast zit en onderaan ook dat werkt met fixed wel.

heb je anders een voorbeeld online staan?
snappen we hem waarschijnlijk nog iets snellerproobeer dit eens

#content {
    background-color:#fff;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-box-shadow: 1px 0px 1px #000000;
    margin: 0;
    position:fixed;
    width: 900px;
}

heb je voor " -webkit-box-shadow: 1px 0px 1px #000000; " wel de stukje java-script onder steuning er bij? anders kun je ook problemen mee krijgendie is te vinden op modernizr

Dat werkt helemaal niet,
dit heb ik nu:
Dat javascript ga ik gebruiken bedankt voor je tip.
Het komt ddoor fixed volgens mij. maar dat fixed heb ik nodig om dat content aan je browser vast te plakken!

en als je body
text-align: center;
mee geeft
en content wel :
text_align:left;
mee geven. anders gaat je gewoone tekst ook in het midden staan

body {
    background-color: #ABCDEF;
    font-family: Verdana;
    font-size: 11px;
    text-align: center;
}
#content {
    background-color:#fff;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-box-shadow: 1px 0px 1px #000000;
    margin: 0 auto;   
    width: 900px;
    text-align: left;
}  
#clear {
    clear: both;
}

alleen nu kan er als nog een fout optreden inverband je header.
en er van uit gegaan dat je #clear voor je footer is.

als je nou gewoon je position: fixed weghaal en een height: 100%; meegeeft dan sluit je content volgens mij ook aan onderaan. En dan centreert je layout wel.

marjolein ik had van jouw wel een slimmere andtwoord verwacht.
namelijk height 100% werkt niet in alle browers

ik werk nooit met height 100% eigenlijk dus ik heb geen idee hoe dat zit met alle browsers.
Ik weet ook niet alles hoor

Simon schreef:

marjolein ik had van jouw wel een slimmere andtwoord verwacht.
namelijk height 100% werkt niet in alle browers

en waar haal je dit vandaan? Hier heb ik nog nooit van gehoord...

Mischien heb je hier iets aan?
http://www.dave-woods.co.uk/?p=144

Justafool schreef:

Eerdere citaten tonen

Simon schreef:

marjolein ik had van jouw wel een slimmere andtwoord verwacht.

namelijk height 100% werkt niet in alle browers
en waar haal je dit vandaan? Hier heb ik nog nooit van gehoord...

Mischien heb je hier iets aan?
http://www.dave-woods.co.uk/?p=144

Werkt niet:

body {
    background-color: #ABCDEF;
    font-family: Verdana;
    font-size: 11px;
}
#clear {
    clear: both;
}
#content {
    background-color:#fff;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-box-shadow: 3px 2px 3px #000000;
    min-height: 100%;
    margin: 0px auto;
    width: 900px;
}

Nu geeft die het wite niet meer weer ook niet bij height: 100%;