a little cross browser help/knowledge

phlave's picture

He has: 11 posts

Joined: Jan 2007

Hi guys and gals Im just getting back into my web work and do css and im trying to get there with accessibility but as you can imagine because i haven't been on point i have fallen behind. Im having a bit of bother with my linespacing in IE compared to FF which is perfect - basically i did it on a mac for FF {stoopid} and IE on pc is wac. My

    just doesnt seem to be playing ball in IE -

any help greatfully recieved and any extra knowledge on the subject would be b-e-a-utiful

cheers

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

link please?

phlave's picture

He has: 11 posts

Joined: Jan 2007

sorry forgot to say its not up yet...

sorry bout that : (

phlave's picture

He has: 11 posts

Joined: Jan 2007

there is padding on the on the

    and line height for the list but it doesnt seem to put any space between the IE list items if that helps

phlave's picture

He has: 11 posts

Joined: Jan 2007

is it a line height bug maybe

demonhale's picture

He has: 3,278 posts

Joined: May 2005

It is, why don't you temporarily upload it so we can take a look...

phlave's picture

He has: 11 posts

Joined: Jan 2007

the page structure is thedesignfactor.com/test/awards-iprbt.htm
the css doc is thedesignfactor.com/test/css.htm

it seems torun into problems on pc IE

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

The thing about line height is that it is relative and almost impossible to get it 100% perfect in every browser. What I find does help though, is instead of having line-height:; in the body {}, try replacing that with font-size:100%; in the body {}, then line-height:; in the ul {}.

Also, try using ems as your unit of measure.

phlave's picture

He has: 11 posts

Joined: Jan 2007

it seems to work buddy but the font is bloated i.e its bigger than the rest for some reason - its because the font is at 100% but why doesnt it effect the other text?? I dont really know what the craic is with ems tbh i must look into it as i heard it is the only real way to have a truely fluid site.

oh and cheers for the help.

demonhale's picture

He has: 3,278 posts

Joined: May 2005

As renegade said theres no perfect way to make the line heights equal in browsers, maybe you also need to take a look at Ie hacks... you can actually assign a unique css call that only IE reads...

phlave's picture

He has: 11 posts

Joined: Jan 2007

are the hacks ok or do they pi55 off google and hence SEO

demonhale's picture

He has: 3,278 posts

Joined: May 2005

they dont actually affect SE's (Search Engines)...

He has: 1,758 posts

Joined: Jul 2002

Hiya,

Personally I avoid line heights for lists and instead use padding or margins on the

  • to space the items. Might work for you.
  • phlave's picture

    He has: 11 posts

    Joined: Jan 2007

    cool cheers dude, if i cant get it working i'll just do more 's and forget the lists

    Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.