Ik heb een website geschreven maar ik heb vooral met IE8 gewerkt.

In IE8 werkt de website perfect:


In IE7 is het helemaal raar:


In FF3 is alleen het logo raar weergegeven:


In Chrome is het volgens mij ook alleen de logo, overige browsers zijn niet getest.

Doe ik iets fout? Wat kan ik eraan doen om eht toch goed te weergeven in alle browsers?

Alvast Bedankt,

Emrullah

P.S: Tips voor design verbeteringen zijn ook welkom

je doet iets fout met de css, probeer alles op te lossen met:
margin-top:
margin-left:
en
margin-right:

Ik heb altijd het probleem dat in FireFox mijn sites allemaal goed werken, maar in IE niet.

Origineel gepost door Tom Heek

je doet iets fout met de css, probeer alles op te lossen met:
margin-top:
margin-left:
en
margin-right:

Dit is de CSS: http://www.jongstucadoor.nl/css/styles.css

Zijn de elementen wel gefloat ?, indien ja check de margin. Los dit niet op door :
margin-top: (waarde);
margin-right: (waarde);

Maar liever door :
margin: 10 10 10 10;
Top, right, bottom, left in volgorde.

Waarom short hand? Dat maakt niet veel uit, prestatie wordt niet gebasseerd op hoeveelheid regeltjes. En als je dan voorbeelden geeft, geef wel goeide voorbeelden: margin 10px 10px 10px 10px; Om misverstanden te voorkomen. Zeker in het 10px of elke kant, kun je net zo goed margin:10px; doen.

Origineel gepost door Merijn Venema

Waarom short hand? Dat maakt niet veel uit, prestatie wordt niet gebasseerd op hoeveelheid regeltjes. En als je dan voorbeelden geeft, geef wel goeide voorbeelden: margin 10px 10px 10px 10px; Om misverstanden te voorkomen. Zeker in het 10px of elke kant, kun je net zo goed margin:10px; doen.

het ging waarschijnlijk om het idee. Als op alle kanten een margin staat van 10px,
dan kan je idd beter margin:10px; gebruiken.

Met shorthand gaat het niet om de prestatie die het levert. Een kortere code betekend:
een snellere laadtijd, minder hosting traffic en minder kans op fouten.

Wat ik doe als ik het niet meer zie zitten, is helemaal opnieuw beginnen ;)

Wat ik doe is met notepad++ de inhoud van de css kopieren naar een nieuw bestand. Vervolgens kijk ik in de html naar de eerste verwijzing naar de css. (Bijvoorbeeld html, body, div) Die vis ik uit het nieuwe bestand, plak dat weer terug in de css en check de site. Dit herhaal je tot je alle verwijzingen in je html hebt gehad.

Soms hou je een berg css over, maar als het goed is ga je ook zien hoe de pagina gerenderd wordt. Datwil nog wel eens fouten aan het licht brengen.

Je css laten staan en je html leeggooien om die vervolgens stap voor stap terug te plaatsen wil ook nog wel eens helpen (maar dan heb je er wel zooitje van gemaakt in je html ;)

Nog een tip, geef div een 1px rand netals table. Dan zie je je div en table opbouw. Alles wat elkaar kruist, daar zit toch echt een fout in.

Ik heb het al opgelost door voor Browsers lager dan IE8 dus IE7 en 6 een andere stylesheet te gebruiken.

Het enige wat ik nog niet heb kunnen oplossen is de weergave van de logo in in FF en chrome niet goed is. weet iemand hoe dit komt?

Sla je je logo wel op hetzelfde formaat op als waarop je het weergeeft? Ookal rek je maar 1px uit of krimp je diezelfde maat in, dat kan de kwaliteit flink tegenwerken, vooral als de browser gewoon resized en niet resampled. Er staat me wel iets van bij dat FF3 resampling gebruikt, maar dit lijkt me gewoon een lelijk geresizede image.