PDA

Volledige versie bekijken : Groter lettertype in IE


LaRaLoVeR
%Europe/Berlin %655 %2007, 15:44
Hallo guys,

Ik ben bezig met 'n website, en stoot op het volgende probleem:
Als ik de tekst invoeg tot onderaan de pagina, dan ziet dat er in Firefox perfect uit. Als ik dezelfde pagina in IE bekijk, wordt mijn menu links (die producten) naar onder uitgerokken: de afbeeldingen beginnen zicht te herhalen. Ik heb gemerkt dat de tekst in IE gewoon groter is dan in FF (in FF is het juist). Dus moet ik nu speciaal voor IE witruimte onderaan overlaten, zodat het er perfect in past. Dan ziet het er in IE wel juist uit, maar in FF vind ik het wel een lullig zicht, want daar zie je die witruimte wel.

De pagina waar ik het over heb is deze: http://www.trias.be/pages/rap.html. Als je deze zowel in IE als in FF bekijkt, zal je zien wat ik bedoel.

Heeft iemand 'n gelijkaardig probleem? Of een oplossing voor dit? Bv dat de lettergrootes in beide browsers gelijk zijn. Of is het mogelijk dat de hoogtte van de website zich aanpast in IE, zonder dat dat menu wordt uitgerokken en de afbeeldingen zich herhalen?

Dank !
Koen

tbsites
%Europe/Berlin %657 %2007, 15:46
heb je je probleem al opgelost want bij mij(IE7) is er niks raars met de plaatjes

josko
%Europe/Berlin %678 %2007, 16:17
('ik stuit op een probleem - ik stuitte op een probleem.' Stoten is een nogal ander werkwoord :))
Het is zo te zien niet de tekst die groter is, maar de ruimte tussen regels.

Css: Line-height

Ik denk dat dat de oplossing is. Succes ermee :)

LaRaLoVeR
%Europe/Berlin %780 %2007, 18:43
Het ligt indd aan de ruimte tussen de regels. Jammer genoeg bood jouw idee geen oplossing. Het is vooral wanneer ik 'n opsomming begin met die bolletjes, dat er veel witruimte is. Dat is bij beide browsers zo, maar bij IE is dat meer... Weet je daar misschien 'n remedie voor?

Doc
%Europe/Berlin %883 %2007, 21:11
Als de ruimte tussen de bolletjes te groot is, moet je de padding / margin van de li (dat is de tag die je gebruikt) aanpassen.

bijvoorbeeld
ul li {
padding: 0;
}
dan heb je helemaal geen padding meer.

<edit>
En dat de line-height niet werkt, komt waarschijnlijk opdat je een ';' vergeten ben in je inline-stylesheet.
</edit>