Pagina ziet er anders uit in FF dan in IE

[martijntju30]

Hoi allemaal,

Simpele vraag: Hoe zorg ik ervoor dat mijn pagina er hetzelfde uit ziet in FF(firefox) als in IE(internet explorer)?

Mijn gedachtes hierover:
- Ik heb zitten denken aan een CSS per browser
- Het CSS zelf aanpassen(hoewel liever niet omdat ik wel graag deze opmaak wil behouden)

Hoe kan ik het volgens jullie het beste doen??

Alvast bedankt!

 

[thapriest]

- Ik heb zitten denken aan een CMS per browser

HUH?

Je opmaak zal voornamelijk opgeslagen in een stylesheet, (een css bestand), als het in IE en FF er iets anders uitziet dan komt dat door (bijna altijd) onze vrienden van microsoft, die weer andere (of liever gezegd zich niks van de standaarden aantrekken) standaarden hantere.

Waar gaat het mis?Welk CMS gebruik je?

 

[martijntju30]

SORRY, SORRY, SORRY!

Ik bedoelde cSs niet cMs.

Nogmaals, SORRY!

 

[thapriest]

Ah ok... Dat klinkt al aannemelijker.

Maar de vraag blijft waar gaat het mis?

 

[RoboticPro]

En doen de andere browsers het wel?
Google?
Safari?
Opera?

 

[csshunter]

Hoi martijntju30,

Maar de vraag blijft waar gaat het mis?

Ja, er gaat niets boven aanschouwelijk onderwijs : linkje met toelichting?

[edit]O, ik zie nu je handtekening: is dat de site met de boosdoeners?[/edit]

 

[martijntju30]

Hoi,

Dat is idd de boosdoener.
Hij werkt alleen in IE. In geen enkele andere browser...
Maar de link is dus: www.pilots-moldavie.nl

Alvast bedankt!

 

[csshunter]

Hoi martijntju30,
Aha, I see.
De totale breedte (#kader) is 800px; de linkerkant-blokken zijn 600px breed; de rechterkant-blokken zijn 200px; en de border-left van de rechterblokken is 1px.
Maar ... de borderbreedte van een element wordt altijd toegevoegd aan de opgegeven breedte voor de inhoud. De rechterblokken zijn dus in werkelijkheid 201px breed.
Dat is 1px te veel!
Omdat in de html de rechterblokken telkens eerder staan dan de linkerblokken, passen de linkerblokken er niet naast, en duiken naar beneden tot ze genoeg ruimte aan de rechterkant hebben. D.w.z. net onder waar de onderkant van de rechterblokken ophoudt.

Oftewel: heb je dit al eens geprobeerd?

[FONT="Courier New"][SIZE="2"]#hulsrechtsboven { width: 199px; }
#hulsrechtsonder { width: 199px; }
#titelrechts { width: 199px; }[/SIZE][/FONT]

Verder ben je met een wat kleinere breedte van de thermometer dan 175px van het verticale scrollbarretje in Firefox af. Dan wordt nl. de hoogte automatisch ook wat kleiner, en is een scrollbar niet meer nodig:

<img src=".../geldmeter2.png" width="170">

En tenslotte: de link www.pilots-moldavie.nl schakelt door naar de pagina:

• http://www.geldersweer.nl/bronkerk/index.php/ met slash / op het eind.

Daardoor doet de flash het niet (niet in FF, en ook niet inIE7).
Als je de verwijzing zonder / doet, werkt 't wel:

• http://www.geldersweer.nl/bronkerk/index.php

Met vriendelijke groet,
CSShunter

PS: ik zou ook nog even proberen de door de html-validator gesignaleerde fouten er uit te halen.