Font-size different in different browsers

  • Resolved DesignLoud

    (@designloud)


    12 years, 9 months ago

    Ok so this is driving me crazy, I have set a font-size (14px) in my css for the paragraph’s via my css and it looks fine in firefox but it doesnt look fine in chrome or IE.. Specifically if you look at This Website and look at the footer paragraph (above the social icons) I need the font to span the width of the containing div (need it to be all the way across the ‘wrap’ and virtually look the same on all browsers.. It looks fine in Firefox and looks how it is supposed to (atleast on my end) but aligns right in other browsers because I cant get it to fit the size of that wrap div.. Any suggestions? I feel like there is some basic I am not seeing here.

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)

  • Right now it is getting aligned right from this CSS (line 143):

    html body div#footer_area.full_width <strong>div.the_wrap p</strong> {
    color: #B3B3B3;
    font-family: 'Play',sans-serif;
    font-size: 14px;
    letter-spacing: 0.88px;
    padding-left: 4px;
    text-align: right;
    text-transform: uppercase;
}

    So to change that, add this to the bottom of your stylesheet:

    div.the_wrap p {
  text-align: center;
}

    There is not really any way to completely force the font-size as that can be set by the user’s browser settings…

    Thread Starter DesignLoud

    (@designloud)

    Right I have it right aligned as per my clients request because I couldnt get that text to fill the div in all browsers, works in firefox but breaks in others.. After reading some similar things on google I guess the best thing for my to do is just add it as an image and put it in there.. Thanks for the help though, didnt know if there was some trick or something I could do.

    You can create browser specific css, but as WPyogi points out, users can have differing settings so one css setting definitely will not fit all.

    I wonder if there may be a javascript solution to the problem?

    Yup, I sure go with the image solution if it will fill the bill.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Font-size different in different browsers’ is closed to new replies.

Tags