SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Wizard billy_111's Avatar
    Join Date
    Jul 2009
    Posts
    1,683
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE8 and Firefox issue

    Hey,

    Just a little issue, i am having a formatting issue on this page in IE8 and firefox:

    http://kidsunlimited.co.uk/nursery.aspx?ID=42

    If you look at the page in IE7 it looks fine. The problem is with the speech bubbles on the right, the top and bottom appear to far apart.

    How can i make it work in all browsers?

    Thanks again.
    Software Engineer ASP, ASP.NET, VB, PHP

    Kind regards
    Billy

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,374
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Have you fixed this as IE7 looks much the same as IE8 and FF if I'm not mistaken

  3. #3
    SitePoint Wizard billy_111's Avatar
    Join Date
    Jul 2009
    Posts
    1,683
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    haha, sorry i was messing around with, i had to put a minus value on the top gray box, however i'm sure there is a better way of doing this?

    Can you see a more appropriate way to do this, ecause i have put a minus value on the top gray box, the text look too far at the top in IE7

    Thanks
    Software Engineer ASP, ASP.NET, VB, PHP

    Kind regards
    Billy

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,374
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    It's the margin-bottom on the h5 that causes the gap. Do something like this:

    Code:
    .speech-quotes-top {
        width:269px;
        background:url(http://kidsunlimited.co.uk/images/top_box.png);
        padding-left:15px;
        padding-right: 20px;
        height: 21px;
        margin-left:-2px;
    }
    .speech-quotes h5{margin:0;padding:0 0 8px}


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •