login  Naam:   Wachtwoord: 
Registreer je!
 Forum

padding verschil IE AND FF

Offline superlol - 25/12/2007 02:19
Avatar van superlolPHP interesse Hey

Ik zit een nieuwe layout te maken, ik zat de hele tijd te werken met Firefox, maar ik bekeek de website met IE en toen zag de website er opeens heel anders uit.
Ik heb het opgezocht en kwam erachter dat dit met de paddingverschillen tussen IE en FF te maken heeft.
Dit is mijn css code :
Plaatscode: 4568
En dit in html :
Plaatscode: 4569

En dit zijn de verschillen :
Klik

Ik heb gezocht voor een oplossing, maar kon er geen werkende vinden.
Kan iemand me aub verder helpen?

Bvd

8 antwoorden

Gesponsorde links
Offline CDNC - 25/12/2007 11:44
Avatar van CDNC PHP ver gevorderde Het bekende IE <-> FF verschil, dat probleem hebben ze zelfs al een naam gegeven maar die ben ik even kwijt.

Wat je er aan kan doen:
- 2 verschillende style sheets maken, één voor IE en ééntje voor FF en al de andere, meestal zit FF het meeste gelijk me de rest.
- Een klein trucje gebruiken:
  1. .class{
  2. padding: 1px; // IE neemt deze
  3. padding: 5px !important; // FF neemt deze
  4. }

- Je zou ook dat stukje van je menu in een image kunnen zetten, maar dit reed ik niet aan.
Offline superlol - 25/12/2007 15:00 (laatste wijziging 25/12/2007 16:58)
Avatar van superlol PHP interesse Is er geen andere manier?
Jouw truckje werkt niet, ik heb dit :
  1. .menutitelr {
  2. text-align: right;
  3. padding-right: 10px !important;
  4. padding-top: 9px !important;

Ik krijg nog steeds het zelfde in IE, en FF blijft het goed weergeven
Offline Esli - 25/12/2007 18:21 (laatste wijziging 25/12/2007 18:25)
Avatar van Esli PHP interesse Vergis ik me nou of niet, ik denk wat CDNC zegt niet juist is, ik dacht dat IE !important aannam en firefox niet.

http://www.giga...ja-of-neen/
Offline CDNC - 25/12/2007 19:56
Avatar van CDNC PHP ver gevorderde Heb het net nog eens getest, ik beiden namen de !important vorm. raar. ik weet zeker dat ik dat al heb gebruikt voor het verschil tussen IE en FF te omzeilen.

2 of 3 aparte style sheets werkt nog altijd het beste. 1 algemene: kleuren, text type en andere dingen die bij beide hetzelfde resultaat weergeven. En daarboven op dan nog 1tje voor FF en een aparte voor IE.
Offline superlol - 25/12/2007 21:53
Avatar van superlol PHP interesse Hoe moet dat dan?
Offline Filip - 26/12/2007 14:02
Avatar van Filip IRC guru Controleer met php of je met een IE te maken hebt of met een andere browser. En als het IE is echo je een extra link naar je IE stylesheet, indien niet, naar de FF stylesheet.

De meeste andere browsers (zoals opera en netscape) zullen de firefox stylesheet juist weergeven.

Het exacte script heb ik nu niet bij de hand maar ik weet zeker dat je dit kan vinden!
Offline superlol - 26/12/2007 20:43 (laatste wijziging 29/12/2007 23:48)
Avatar van superlol PHP interesse Is dat de beste oplossing?
Offline vinTage - 30/12/2007 00:13
Avatar van vinTage Nieuw lid http://www.quirksmode.org/css/condcom.html
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.178s