SitePoint Sponsor

User Tag List

Results 1 to 12 of 12
  1. #1
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    problem with border in ie7

    hey.
    sorry about my english.

    this is my site:
    http://www.onenews.co.il/
    in this page:
    http://www.onenews.co.il/news/
    i have white border in the right side of the image in the navigator.

    in ie6 ie8 and firefox there is no border.

    how i remove the white border?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,107
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Hello danielevi! Welcome to SitePoint.

    I see no border in IE7. Have your refreshed the page etc?

    Maybe post a screen shot.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Haven't we already resolved this through the 10 pms you've sent me ?

    He meant IE8 has the problem (I know through PM)
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  4. #4
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    yes yes sorry...
    i talk about ie8

    ryan, the problem with the home resolved but not with the border of the secend <li>.

    tnx.

    someone know how to fix it?

  5. #5
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Hi, I'm afraid I don't see it. Please put the page back to its' original format with the right border going wacky
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  6. #6
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    here you can see it:




    what i need to do?

  7. #7
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,276
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    HI,

    It looks like a rounding bug in IE8 in rtl environments. If you open/close the window width then you can see the image jog in and out so it all depends on what width the screen is open at as to whether you see it or not.

    If you offset the image a little the bug isn't so noticable.

    Code:
    <!--[if IE 8]>
    <style type="text/css">
    ul.pgnav li.current_page_item a  {background-position:99&#37; 100%!important}
    </style>
    <![endif]-->
    e.g. in your page it would go here:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="rtl" lang="he-IL">
    
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    
    <title>OneNews |   חדשות ומבזקים</title>
    
    <!--[if !IE 6]><!-->
    <link rel="stylesheet" title="light" href="http://www.onenews.co.il/wp-content/themes/onenewspremium/style.css" type="text/css" media="all" />
    <!--<![endif]-->
    
    <!--[if IE 6]>
    <link rel="stylesheet" title="light" href="http://www.onenews.co.il/wp-content/themes/onenewspremium/style_ie6.css" type="text/css" media="all" />
    <![endif]-->
    
    <!--[if IE 6]>
    <link rel="stylesheet" title="light" href="http://www.onenews.co.il/wp-content/themes/onenewspremium/style_ie6.css" type="text/css" media="all" />
    
    
    <![endif]-->
    
    <link rel="pingback" href="http://www.onenews.co.il/xmlrpc.php" />
    <!--[if IE 8]>
    <style type="text/css">
    ul.pgnav li.current_page_item a  {background-position:99% 100%!important}
    </style>
    <![endif]-->
    I couldn't see a better solution at the moment.

    (Why have you used display:inline-block and float on the same elements? It should just be float and then display:inline for the ie6 double margin fix.)
    Last edited by Paul O'B; Mar 7, 2010 at 07:16.

  8. #8
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thank you... working good

  9. #9
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,276
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    To avoid the extra stylesheet you could add 2px of the background colour to the right tab image and then give this rule to all browsers.

    Add to end of stylesheet:
    Code:
    ul.pgnav li.current_page_item a {background-position:99% 100%!important}
    Then see the attached image for the revised tab.
    Attached Images Attached Images

  10. #10
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    the attached image is the orginal image from my site or new image you make?

    what i need to do with this image?

  11. #11
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,276
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    The attached image is a new image that I made for you. Just copy it and use it to replace yours

  12. #12
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i try it but its make some small diffrents between the browsers... very smalls.
    i thing i will use your first fix you give me.


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
  •