Website opmaak niet hetzelfde in verschillende browsers

Overzicht

Sponsored by: Vacatures door Monsterboard

Marius Hogendoorn

Marius Hogendoorn

04/11/2010 17:04:32
Anchor link
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

Topic verplaatst naar het juiste board en topictitel aangepast[/modedit]
Gewijzigd op 04/11/2010 20:35:21 door Joren de Wit
 
PHP hulp

PHP hulp

24/11/2024 07:16:01
 
Milo S

Milo S

04/11/2010 17:43:13
Anchor link
Dithoort niet in de koffie hoek maar in het gewone forum. Als zou ik maar eens kijken naar je css ;)
 
Marius Hogendoorn

Marius Hogendoorn

04/11/2010 18:49:09
Anchor link
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

Jasper DS

04/11/2010 21:27:16
Anchor link
zorg dat het eerst in FF werkt en daarna pas je het aan voor ie
 
Obelix Idefix

Obelix Idefix

04/11/2010 21:53:26
Anchor link
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

The Force

04/11/2010 22:40:57
Anchor link
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/
 
Marius Hogendoorn

Marius Hogendoorn

13/11/2010 01:01:32
Anchor link
@ 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?
 
Bas IJzelendoorn

Bas IJzelendoorn

13/11/2010 01:07:51
Anchor link
Dit topic is gesloten, graag in het vervolg bij 1 topic houden:

zelfde topic
 
 

Dit topic is gesloten.



Overzicht

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.