Help! mijn site ziet er perfect in firefox uit en in Internet explorer totaal niet!

Status
Niet open voor verdere reacties.
S

Sleepy

Gebruiker
Lid geworden
15 feb 2008
Berichten
100
Beste mensen,

Ik ben een tijdje geleden begonnen en ben nog niet heel ervaren. Heb een begin gemaakt en alles ziet er perfect uit in firefox..zodra ik de site open in Internet Explorer.. DRAMA
Ik heb gehoord dat dit een vaak voorkomend probleem is.

Heb al een beetje lopen aanklooien met de cordinaten procenten enzovooort..
Heeft iemand voor mij een oplossing!?

Alvast bedankt!!

Rick.

Firefox:
[smallimg]http://i50.tinypic.com/149m9ux.png[/smallimg]


IE
[smallimg]http://i45.tinypic.com/2d939tg.png[/smallimg]



Zullen wellicht dingen in dit script staan die fout zijn ofzo.. maar ben zelf een beetje van alles aan het uitproberen!
Tips zijn altijd welkom!


CSS Broncode:
Code: 
*{
padding:0;
margin:0;
}

html{
background-color:#333;	
}
body {
background: url(images/achtergrond.gif) repeat-x;
height:750px;
width:45px;
margin: 0px auto;
min-width: 800px;
width: 80%;
}

#container{
margin:0px auto;
min-width: 800px;
width: 100%;
padding: 0;
}	


#header{
background-repeat:no-repeat;
background-image:url(images/header.jpg);
height:120px;
width:1200px;
margin-top:0px;
min-width: 800px;
width: 100%;
border: 1px solid #000000;
}

#navbar{
background-repeat:no-repeat;
background-image:url(images/navbar.gif);
height:43px;
width:1200px;
margin-top: 1x;
margin-left: 0px;
width: 100%;
border: 1px solid #000000;
}
 
Laatst bewerkt door een moderator:
Ik vermoed eigenlijk dat peter vazed bedoelde dat je die fouten moest oplossen...
Dat is trouwens regel nummer 1: valideren, valideren, valideren en voor 't slapen gaan nog 'ns valideren. Niet alleen de html, ook de css. css kun je valideren op
http://jigsaw.w3.org/css-validator/

Ik heb er 'n toverspreuk boven gezet en dankzij mijn toverkracht doet-ie het dan goed in IE 6 (en IE 7/8, neem ik aan). De spreuk:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Zonder doctype gaat IE ervan uit, dat het om 'n heel oude site gaat. Ik zal je de geschiedenis besparen, maar dat houdt in dat de weergave totaal anders is. Zoals jij dus hebt gezien.
Je hebt meerdere doctypes. Jij begint met 'n nieuwe site, dan zou ik strict nemen. Dat sluit 'n enorm aantal fouten uit het verleden gelijk uit (op voorwaarde dat je valideert...). Bovendien hoef je dan in de toekomst je site niet of nauwelijks aan te passen voor html 5.

Jij gebruikt hoofd- en kleine letters door elkaar. Zou ik niet doen, dat gaat gegarandeerd problemen opleveren. Geen META, maar meta. Geen NAME, geen CONTENT, enz.
Om een of andere idiote reden is het DOCTYPE het enige dat gedeeltelijk in hoofdletters moet, dus dat moet je precies zo overnemen. (Niet op mij schieten, ik heb dat niet bedacht.)

In je <head> mist:
Code: 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Dan weet de browser wat voor lettersoort je gebruikt. Dat voorkomt vraagtekens in plaats van letters met accenten en zo. utf-8 is de makkelijkste.
Let wel even op dat je editor je code opslaat als utf-8. Dat kun je vinden bij instellingen of gewoon bij Bewaren of Bewaren als.
Die meta met utf-8 moet de eerste regel in je <head> zijn, anders negeren sommige browsers hem.

De link naar je stylesheet moet gewoon eindigen op > zonder /. Die / hoort bij xhtml, niet bij html.

Dat valideren is dus echt belangrijk. Als je dat had gedaan, had je al 'n foutmelding gekregen voor je 't zelfs maar had bekeken in IE.

Als je in Firefox werkt, kun je hier wat links vinden naar uiterst handige extensies:
http://www.css-voorbeelden.nl/links.html#a-ger-debug-ff
(Ik typ geen links meer, want 't worden er steeds meer, dus 'n link naar links.)
 
Laatst bewerkt:
Hej Peter (goeroeboeroe)!

Alweer ontzetend bedankt! het werkt!!:D
En natuurlijk bedankt voor de uitleg hier ben ik ook zeer blij mee weer wat geleert.

Groetjes,

Rick.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan