Site werkt wel in IE, niet in Chrome en Firefox

[PiesDescalzos]

Hallo,

Dit is één van de laatste keren dat ik voorlopig even een vraag stel hoor, maar ik heb een tamelijk groot probleem, naar mijn idee.
Mijn site werkt in IE8 prima, hij is gecentreerd en al, en alles staat op de juiste plaats. Wanneer ik de site echter in Google Chrome of Firefox open, verschuift alles. Ik heb al wat gegoogled, maar daar krijg ik niet echt een passend (dat een leek als ik nodig heb).

[smallimg]http://i41.tinypic.com/zv3knr.jpg[/smallimg] dit is (een gedeelte ervan) in IE, en in dit Chrome en firefox:
[smallimg]http://i44.tinypic.com/dsidv.jpg[/smallimg]

Weet iemand zo al wat ik dien te veranderen, of is het nodig dat ik de code plaats? De code's zijn zo langzamerhand wel wat lang geworden nl.

Alvast bedankt!

 

[Nicj56]

Kan je me even de link geven kan ik kijken. dan moet je kijken wat je software aan kan voor je site

 

[Goeroeboeroe]

Het is beter om 'n site in Firefox, Google Chrome, Safari of Opera te maken. Als hij daar goed in werkt, werkt hij vrijwel altijd ook goed in IE 8. Het omgekeerde is niet altijd waar. Voor IE 6/7 moeten dan vaak nog wel wat aparte dingen worden gedaan.
Firefox is het best, omdat die de meeste hulpmiddelen heeft voor het maken van sites.

Als je code heel lang is, is 'n link naar waar hij online staat handig.
Zo op 't oog te zien heeft 't met floaten te maken, maar zonder code is er verder niets van te zeggen.

 

[PiesDescalzos]

Ik upload vrijwel nooit wat, dus ik hoop dat het lukt.
De CSS-file:
http://rapidshare.com/files/374790190/stylesheet.css.html

De html-file:
http://rapidshare.com/files/374790645/index.htm.html

Ik hoop dat jullie iets kunnen ontdekken.

 

[Goeroeboeroe]

't Is veel beter om de code hier neer te zetten. Of liever nog: ergens online. Dat werkt echt veel makkelijker en veel meer mensen bekijken het. Nu moet iemand het speciaal gaan downloaden en gaan installeren, wat veel meer werk is.
Ik heb deze week heel weinig tijd, dus mogelijk kan 'n ander er uitgebreider naar kijken.
Ik heb even vlug gekeken, maar ik garandeer niet dat dit alles oplost.
er zitten fouten in html en css. html kun je valideren op http://validator.w3.org/
css op http://jigsaw.w3.org/css-validator/
Maar dat gaat de fout niet oplossen. Je gebruikt voor de afbeeldingen bovenin 'align'. Dat wordt al tien jaar afgeraden. Ik vermoed dat Firefox e.d dit behandelen alsof het 'float' is, en IE niet.
Je kunt aan de css voor #balk toevoegen: clear: both;
Dan komt de menubalk in ieder geval overal ónder de afbeeldingen te staan.
De combinatie van eigenschappen als 'align' en css maakt het trouwens heel erg moeilijk om fouten te repareren.
Aan de ul moet je nog toevoegen: list-style-type: none; (om bullets en zo te voorkomen).
Aan de ul kun je ook nog 'n hoogte geven om die overal hetzelfde te krijgen.
ul li moet geen display: inline; maar float: left; zijn. Als je dan 'n breedte opgeeft aan de <li>'s (bijvoorbeeld 16,5 %, dan staan ze netjes verdeeld.
Dit is even snel, maar dan heb je in ieder geval antwoord en kun je even vooruit.
En mogelijk heeft 'n ander meer tijd er even uitgebreider naar te kijken als dit niet genoeg is.

Edit: bij overlezen vind ik het wat mopperig. Dat is niet zo bedoeld, maar komt omdat ik even loeiende haast heb :love: