login  Naam:   Wachtwoord: 
Registreer je!
 Forum

CSS fontsize en CSS afstanden zijn verschillend in IE als in FF ? (Opgelost)

Offline sindb - 11/03/2008 01:10 (laatste wijziging 13/03/2008 18:55)
Avatar van sindbNieuw lid Beste,

de volgende css code heeft in IE (= slecht) andere afstanden en de fontsize is groter dan in FF (= goed) ?
  1. #left a { /* PROBLEMS IN IE !!!!!!!!!!!!!!!!!! */
  2. display:block;
  3. width:120px;
  4. padding:5px 18px 5px 0;
  5. color:#be0034;
  6. font-size:1.2em;
  7. text-decoration:none;
  8. text-align:right;
  9. }


Weet iemand hoe je dit kan oplossen zodat het in IE er het zelfde uitziet als in FF aub?

http://www.defontein.be/joomla/onze-school.html

Alvast bedankt

7 antwoorden

Gesponsorde links
Offline frankon - 11/03/2008 09:36
Avatar van frankon Nieuw lid Je moet hem klaar maken voor FF..

en dat zet je dit erneer:

<!--[if IE 7]>
Hier zet je dan neer hoe het in IE moet zijn!!
<![endif]-->
Offline sindb - 11/03/2008 17:34
Avatar van sindb Nieuw lid Thanks frankon !

Ik werk met een aparte css file die opgeroepen wordt via een index.php file. Deze code van jouw kan je die ook toepassen in een css bestand ? Of moet ik twee aparte css bestanden maken 1 voor IE en 1 voor FF ? Kan je me mischien een vb wat je juist bedoelt aub ?

TIA

Offline sindb - 11/03/2008 18:26
Avatar van sindb Nieuw lid Thanks but ...
Kan ik dit niet oplossen in de css file zelf ?
Ik zou liever geen style meegeven in mijn index.php.

Offline Pieter - 12/03/2008 08:24
Avatar van Pieter Gouden medaille

SEO guru
Op deze pagina heb je een overzicht van alle mogelijke hacks, zowel in de CSS als erbuiten. Het nadeel van hacks in je CSS te gebruiken is natuurlijk dat deze niet meer zo valid zal zijn... Maar het doel heiligt de middelen.
Offline Threetimes - 12/03/2008 08:32
Avatar van Threetimes PHP beginner
  1. <!--[if !IE ]>
  2. whatever
  3. <![endif]-->
zal nooit werken, de 'whatever'-code word NOOIT uitgevoerd!

Reden: conditional comments worden alleen ondersteund door IE, en alle andere browsers zien de 'whatever'-code dus als commentaar!
IE zelf zal beslissen dat het wel IE is, en dus de code ook niet uitvoeren!
Offline jerone - 13/03/2008 13:29 (laatste wijziging 13/03/2008 13:30)
Avatar van jerone JS gevorderde
sindb schreef:
...Ik werk met een aparte css file die opgeroepen wordt via een index.php file. Deze code van jouw kan je die ook toepassen in een css bestand ? Of moet ik twee aparte css bestanden maken 1 voor IE en 1 voor FF ?...

Je maakt gewoon 2 verschillende css bestanden:
  1. <link href="scripts/style.css" rel="stylesheet" type="text/css" />
  2. <!--[if IE]><link href="scripts/ieStyleOnly.css" rel="stylesheet" type="text/css" />
  3. <![endif]-->
De eerste stylesheet wordt door elke browser geopend (incl IE) en de tweede alleen door IE.
Je zult alleen bij sommige misschien !important moeten zetten om andere styles te overrulen.

Threetimes heeft gelijk, if !IE werkt helemaal niet.

gr J
Offline sindb - 13/03/2008 19:14 (laatste wijziging 13/03/2008 19:14)
Avatar van sindb Nieuw lid Beste,

Ik heb gebruik gemaakt van IE hacks vermits het maar over een paar aanpassingen gaat.
  1. #left a {
  2. display:block;
  3. width:120px;
  4. padding:0 18px 5px 0;
  5. * padding:5px 0 0 0; /* IE7 hack */
  6. color:#be0034;
  7. font-size:15px;
  8. * font-size:16px; /* IE7 hack */
  9. text-decoration:none;
  10. text-align:right;
  11. }


Toch iedereen bedankt voor jullie medewerking !!!!

groetjes,
sindb
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.175s