[HTML/CSS] IE8 plaatst divs niet goed.

[Verwijderd]

Hey hallo etc. etc. etc. Ik begin maar gelijk met mijn probleempje.

Op het moment ben ik bezig om een website IE8, en lager, compatible te maken. Hiervoor gebruik ik een nieuw stylesheet, geen hacks.

De stylesheet werkt prima, maar geeft mij kopzorgen op een enkel punt. De 'navigation' div en de 'content' div willen zich niet fatsoenlijk langs elkaar plaatsen, zonder hiervoor een negatieve margin te gebruiken.

Hier staat de kleine versie op JSFiddle.

Ik hoop snel een oplossing te krijgen van iemand.

~Dylan

Edit:
De website werkt verder op alle andere platformen prima.

[ Voor 5% gewijzigd door Verwijderd op 23-10-2013 11:42 . Reden: Zie post. ]

[MoietyMe]

Haal de margin-right van je navigatie af. Is daar ook helemaal niet nodig

[Verwijderd]

Good Fella schreef op woensdag 23 oktober 2013 @ 11:55:
Haal de margin-right van je navigatie af. Is daar ook helemaal niet nodig

Dit heeft niet geholpen helaas.

Deze margin heb ik gebruikt doordat ik mijn layout heb ontworpen voor het 960 Grid System.

Toch bedankt.

[MoietyMe]

Verwijderd schreef op woensdag 23 oktober 2013 @ 12:01:
[...]


Dit heeft niet geholpen helaas.

Deze margin heb ik gebruikt doordat ik mijn layout heb ontworpen voor het 960 Grid System.

Toch bedankt.

Bij mij in een Native IE 8 loste dat het probleem op. Vreemd.

[FotW]

Good Fella schreef op woensdag 23 oktober 2013 @ 12:04:
[...]

Bij mij in een Native IE 8 loste dat het probleem op. Vreemd.

Exact dezelfde conclusie hier, margin right weghalen op de nav (native IE8)

[MoietyMe]

Ah, ik zie het probleem al. De border-right op zowel de <li>'s in je #navigation en je #content zorgen ervoor dat het geheel net twee pixels te breed is.

[Verwijderd]

Good Fella schreef op woensdag 23 oktober 2013 @ 12:11:
Ah, ik zie het probleem al. De border-right op zowel de <li>'s in je #navigation en je #content zorgen ervoor dat het geheel net twee pixels te breed is.

Heb zojuist de <li>'s, de #navigation en de #content verkleind. Probleem was er echter nog steeds.

Maar, zoals ik het bij jullie hoor zou het misschien ook aan mijn werkstation kunnen liggen.
Als ik op dit werkstation met Chrome naar de site ga, dan verspringt de content een klein beetje als ik hover over het menu. Dit gebeurt echter alleen bij mij en niet bij mijn collega's/vrienden.

Ik zal nog een paar mensen vragen om te kijken of zij de pagina wel goed kunnen zien.

B.v.d. allemaal.

Edit:
Zouden jullie nu nog een keer kunnen kijken of het werkt bij jullie?

[ Voor 5% gewijzigd door Verwijderd op 23-10-2013 12:21 . Reden: Zie post. ]

[IMarks]

Klinkt mij een beetje als een cache probleem, heb je bovengenoemde oplossing(en) al gedaan gevolgd door een ctrl + F5?

[Steevo_S]

Let wel op dat een native IE8 en compatibility mode van IE9 of IE10 als nog verschillen hebben qua rendering.

[MoietyMe]

Hier nog kapot.

Je kan beiden ook gewoon een box-sizing meegeven.

[ Voor 78% gewijzigd door MoietyMe op 23-10-2013 16:20 ]

[Verwijderd]

Ik ga de CSS voor IE helemaal overnieuw schrijven. Dan loop ik waarschijnlijk nergens tegen aan.

[FotW]

Wat heb je nu geprobeerd?

[Verwijderd]

FotW schreef op vrijdag 25 oktober 2013 @ 09:04:
Wat heb je nu geprobeerd?

Overal margin en padding weg gehaald en een voor een ingevoegd. Niks werkte.

[FotW]

En je hebt tussendoor wel je cache geleegd?

[MoietyMe]

En heb je één van de aangeboden oplossingen geprobeerd? Zo niet dan stop ik wel met reageren.

[BramVroy]

+1 voor box-sizing: border-box. Dat kan veel debugproblemen al op voorhand weren.

[Verwijderd]

FotW schreef op vrijdag 25 oktober 2013 @ 12:44:
En je hebt tussendoor wel je cache geleegd?

Uiteraard.

Good Fella schreef op vrijdag 25 oktober 2013 @ 13:39:
En heb je één van de aangeboden oplossingen geprobeerd? Zo niet dan stop ik wel met reageren.

Alleen de box-sizing heb ik nog niet geprobeerd. Dit zal ik nog gaan doen.

Alvast hartelijk dank iedereen!

[MoietyMe]

BramVroy schreef op zaterdag 26 oktober 2013 @ 22:50:
+1 voor box-sizing: border-box. Dat kan veel debugproblemen al op voorhand weren.

Niet voor niks dat BS3 heel fijn *{box-sizing:border-box} aan heeft staan

[C0rnelis]

Heb je in de tussentijd je jsfiddle url aangepast ? Bij mij doet de link naar http://jsfiddle.net/Swobbleton/mSUzh/embedded/result/ het namelijk wel in IE8 compat mode in IE10, maar ook in een native IE8 in www.browserstack.com, diezelfde link doet het echter niet in mijn Chrome 30, maar ik ga er vanuit dat dat je IE8 only CSS gebruikt ?

[Verwijderd]

C0rnelis schreef op maandag 28 oktober 2013 @ 23:21:
Heb je in de tussentijd je jsfiddle url aangepast ? Bij mij doet de link naar http://jsfiddle.net/Swobbleton/mSUzh/embedded/result/ het namelijk wel in IE8 compat mode in IE10, maar ook in een native IE8 in www.browserstack.com, diezelfde link doet het echter niet in mijn Chrome 30, maar ik ga er vanuit dat dat je IE8 only CSS gebruikt ?

Ik heb de JSFiddle nog niet aangepast, nee. En ja, het is inderdaad een stylesheet voor IE8 en lager.