Results 1 to 5 of 5

Thread: Rendering glitches in Mac FF 3.6

  1. #1
    Join Date
    Oct 2007
    Posts
    46
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default Rendering glitches in Mac FF 3.6

    I'm almost finished up with a new website and the testing site can be viewed at http://clearlygreendesign.com/solefitwebsite/index.html

    Two problems - the little blue rounded corner on the bottom right drops way below the box where it is supposed to reside when viewed in FF 3.6 for Mac. I haven't got a clue how to fix this issue (alot of my clients customers use Mac).

    Secondly, there is a blue outline around the photos in the galleries http://clearlygreendesign.com/solefi...abgallery.html and http://clearlygreendesign.com/solefi...isgallery.html and I don't know how to get rid of that either.

    I'm a novice CSS person so I'm hoping that some of you CSS gurus can help me out.

    Thanks!

  2. #2
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,162
    Thanks
    263
    Thanked 690 Times in 678 Posts

    Default

    I haven't looked into this too deeply, but I believe you can fix the "blue border" by just changing the border to 0px.
    The blue border is a default for images that are links, just like underline is a default for text links.
    <img style="border-width: 0px;">
    Or declare that in your CSS.
    (I believe you can also use style="border:0px;", but the above line is a little more specific... up to you.)
    Daniel - Freelance Web Design | <?php?> | <html>| espa˝ol | Deutsch | italiano | portuguŕs | catalÓ | un peu de franšais | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  3. The Following User Says Thank You to djr33 For This Useful Post:

    ozzie123 (05-17-2010)

  4. #3
    Join Date
    May 2010
    Posts
    9
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    first :
    just change
    Code:
    #form {
    	float:left;
    	margin: 20px 25px 15px 10px;}
    to
    Code:
    #form {
    	float:left;
    	margin: 20px 0px 15px 10px;}

  5. The Following User Says Thank You to robot bo For This Useful Post:

    ozzie123 (05-17-2010)

  6. #4
    Join Date
    Oct 2007
    Posts
    46
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    Awesome!!! That works, thanks so much!!!!

  7. #5
    Join Date
    May 2010
    Posts
    9
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    you are welcome


    more IE and Firefox's CSS-compliant, http://blog.shoessm.com/Content.Asp?id=8,

    but this post translate chinese to english maybe,I can't Completely understand

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
  •