[CSS] header tegroot in firefox

[Verwijderd]

Hallo,
Ik ben bezig met 'n website, alleen de header is tegroot.
In IE is die wel goed, maar in firefox tegroot.
check: www.weetjetoch.nl/newsite/

Cascading Stylesheet:

html 
    { 
         background-image: url(images/background.gif);
} 
#container {
width: 970px; 
margin-left: 100px;
}
#header {
width: 970px;
height: 150px;
background-image: url(images/header.png);
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
margin-left: auto;
margin-right: auto;
}
#content {
width: 970x;
height: 300px;
background-color: #FFFFFF;
font-family: tahoma;
font-size: 12px;
color: #000000;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}
#contentright {
width: 200px;
height: 200px;
background-color: #FFFFFF;
float: right;font-family: tahoma;
font-size: 12px;
color: #000000;
}
#footer {
width: 970px;
height: 40px;
background-image: url(images/footer.png);
border-under: 1px solid #000000;
}
#menu {
width: 970px;
height: 35px;
background-image: url(images/menu.png);
font-family: tahoma;
font-size: 12px;
color: #000000;
}
#righthead {
width: 250px;
height: 100px;
background-image: url(images/righthead.png);
float: right;
}
#menudubbel {
width: 970x;
height: 39px;
background-image: url(images/top.png);
font-family: tahoma;
font-size: 12px;
color: #FFFFFF;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}

kan iemand me helpen?

alvast bedankt,
joey :

[ Voor 0% gewijzigd door RobIII op 10-02-2008 21:37 . Reden: Code tags gefixed ]

[the_cyberspace]

970px (breedte van je header) + border links en border rechts = 972px. Maak de width van je header eens 968px breed.

[Civil]

En zorg dat IE in standard mode staat door het juiste doctype kiezen, dan ontstaan er ook geen pixel verschillen door het gebruik van een ander border-model.

[Verwijderd]

Civil schreef op zondag 10 februari 2008 @ 18:14:
En zorg dat IE in standard mode staat door het juiste doctype kiezen, dan ontstaan er ook geen pixel verschillen door het gebruik van een ander border-model.

die snap ik niet?
kun je beter uitleggen?

edit
------------------------------------------

ik heb hem veranderd naar 968px maar dan wordt de header in IE te klein?
Hoe kan ik dat veranderen?

[ Voor 19% gewijzigd door Verwijderd op 10-02-2008 21:15 ]

[Gommers]

Waarom doe je geen background repeat in je header? dan ben je van veel problemen af en het scherpt je laadtijd aan.

[Verwijderd]

repeat-x?
het verhelpt m'n probleem in iedergeval niet:(

[ Voor 72% gewijzigd door Verwijderd op 10-02-2008 21:22 ]

[Gommers]

Vast wel, ik maak even een voorbeeld

Klaar
http://concepts.derkgommers.eu/test/test.html

Gevalideerd html en css. Je moet hem nog wel zelf aanpassen met content css etc
Getest in IE 6 en 7, FF, Opera...

[ Voor 74% gewijzigd door Gommers op 10-02-2008 21:55 ]

[Verwijderd]

Kun je me de bestanden sturen in een rar bestand ofzo?

[Verwijderd]

Het is al gelukt!:)
Bedankt voor al jullie hulp.

[MoietyMe]

Haal ook eens die "mergin-left:100px;" van je content af. Heeft hier niks mee te maken, maar dat is gewoon nep centreren op 1024x*. Gebruik dan "margin:0 auto;".

[NMe]

Verwijderd schreef op zondag 10 februari 2008 @ 21:13:
[...]


die snap ik niet?
kun je beter uitleggen?

[google=internet explorer standard mode]

Verwijderd schreef op maandag 11 februari 2008 @ 07:32:
Kun je me de bestanden sturen in een rar bestand ofzo?:)

Zodat jij er helemaal niets van opsteekt en alleen een quickfix voor je probleem hebt?

Ik vind het jammer dat je je op deze manier opstelt en niet zélf tot een oplossing leek te willen komen, hoewel je die uiteindelijk wel zelf gevonden hebt. Ik wil even benadrukken dat een dergelijke instelling hier op het forum meestal met een slotje wordt beloond, zoals nu ook gebeurt. Lees de volgende keer dat je een topic opent eerst even onze quickstart door (in het FAQ-topic boven aan de topiclisting) voordat je je topic plaatst, en probeer je daar ook zoveel mogelijk aan te houden.