Firefox en IE weergeven wat anders

[Milenko]

Hallo,

ik ben bezig met een beginnetje van een website, maar zodra ik deze in firefox goed heb staan, staat het in IE nogal scheef (en andersom hetzelfde probleem...). Weet iemand hier een oplossing voor? Zie het plaatje hieronder voor het probleem.

http://imageshack.us/photo/my-images/403/plaatje.png/

Groetjes Milenko

 

[nosmaS]

je kan proberen div#logo ook een margin-top:120px mee te geven



btw offtopic in html is <div class=header> vervangen door <header>

 

[Milenko]

de header ook de margin-top van -120px meegeven helpt niet, beide div's verdwijnen dan naar boven uit het venster.

Wat bedoel je precies met <div class=header> vervangen door <header>?

 

[Milenko]

Iemand anders misschien nog een idee?

 

[michaelbeersnl]

Voeg aan je html code een doctype toe en gebruik een stukje CSS om alles per browser te resetten...
Zelf gebruik ik dit meestal, je hebt ook vast nog wel grotere reset css scripts als je zoekt op "css framework" in google

/************************************************************************
 * GLOBAL RESET
 ***********************************************************************/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td 
{ 
	margin:0; 
	padding:0;
}

table 
{ 
	border-collapse:collapse; 
	border-spacing:0;
}

fieldset, img 
{ 
	border:0;
}

address, caption, cite, code, dfn, em, strong, th, var 
{ 
	font-style:normal; 
	font-weight:normal;
}

ol, ul, li 
{ 
	list-style:none;
}

caption, th 
{ 
	text-align:left;
}

h1, h2, h3, h4, h5, h6 
{ 
	font-size:100%; 
	font-weight:normal;
}

q:before, q:after 
{ 
	content:''
}

/************************************************************************
 * RESTORE SOME RESETS
 ***********************************************************************/

strong 
{ 
	font-weight: bold;
}

em 
{ 
	font-style: italic;
}

a img 
{ 
	border: none;
}

Verder zal IE en FF altijd anders omgaan met Borders, IE die voegt de border bij de hoogte/breedte van het veld en FF doet dat niet, dit kan je voorkomen door eerst een "holder" te maken.
Dit is gewoon een lege DIV met je hoogte en breedte en vervolgens zet je het object met de border er gewoon in met een 100% 100% waarde...