PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
M

Website opmaak niet hetzelfde in verschillende browsers

Door Marius Hogendoorn op 04-11-2010 17:04 gewijzigd op 04-11-2010 20:35
2.892 views
Hallo,

Ik ben al een tijdje bezig met een schrijfproject waarvoor ik gebruik wil maken van een speciale site waarin ik een soort mindmap wil laten draaien. Offline gebruik ik al een tijdje daarvoor het programma Personal Brain (www.thebrain.com). Sinds de afgelopen twee versies heeft PB ook de mogelijkheid om 'een brein' als 'webbrain' te uploaden naar hun eigen site en om het dan vervolgens via een javascript weer in een eigen siteomgeving te laten draaien. Na het nodige geklungel (duidelijk geen IT-er hier ;-) is het mij gelukt om er een demo van te maken: http://www.uilenkamer.nl/BrainTest/index.htm

Het komt aardig in de buurt van wat ik wilde hebben, maar helaas alleen in IE.
Als ik de pagina in FireFox of in Chrome open ziet de layout er ineens wat anders uit, niet wat ik in gedachten had. Is er hier misschien iemand die specialist is in dit soort interbrowsergedoe en die mij een tip kan geven hoe ik hier een oplossing voor kan vinden? Zou mij erg helpen. Txs!

MH

Milo S
04-11-2010 17:43
Dithoort niet in de koffie hoek maar in het gewone forum. Als zou ik maar eens kijken naar je css ;)
M
Marius Hogendoorn
04-11-2010 18:49
Duidelijk newby ;-) Twijfelde ook een beetje over welk deel van het forum. CSS dus. Heb daar al een tijd op zitten turen, maar kom er niet uit. Snap niet waarom iets wel in IE en niet in FF werkt. Doe ik in ieder geval iets goed ...
Maar eerst maar even copy-paste doen dus.
Jasper DS
04-11-2010 21:27
zorg dat het eerst in FF werkt en daarna pas je het aan voor ie
O
Obelix Idefix
04-11-2010 21:53
Marius Hogendoorn op 04/11/2010 18:49:09

Snap niet waarom iets wel in IE en niet in FF werkt.

Omdat IE zich niet aan de standaarden houdt en de overige browsers wel/beter.
Schijnt dat IE9 zich ook meer aan de standaard gaat houden.
The Force
04-11-2010 22:40
Het probleem: elke browser gebruikt zijn eigen standaard stylesheet. Dat betekent dat een browser bijvoorbeeld meer pixels margin heeft, dat het lettertype anders is, alles kan standaard anders ingesteld staan. Hierdoor kan een layout er in een andere browser heel anders uit zien.

De oplossing: de master stylesheet. Reset alle styling van browsers zodat je eigen layout er in elke browser er exact hetzelfde uitziet. CSS2 in ieder geval, CSS3 alleen voor zover ondersteunt wordt.

Leesvoer: http://www.crucialwebhost.com/blog/master-stylesheet-the-most-useful-css-technique/
M
Marius Hogendoorn
13-11-2010 01:01
@ The Force: Snap de achterliggende techniek. Link werkt helaas niet.

Heb inmiddels de zaak omgebouwd naar DIV's en als ik die per browser aanpas kom ik op het resultaat dat ik zoek. Kom nu dus langzamerhand op de vraag hoe ik verschillende sheets per browser kan hanteren, of instellingen voor verschillende browsers in een sheet kan combineren.
Iemand een tip of een linkje?

Reageren

Inloggen om te reageren