Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 8 of 8
  1. #1
    Member dandono_'s Avatar
    Join Date
    Mar 2006
    Location
    Cornwall, UK
    Posts
    30
    Member #
    12919
    hi, i am using a button on a webpage and it looks fine in fx but when i view in msie the background color seems to be between the background image and the border.
    Code:
    background:#E26B1B url(/dws20/button.png);
    height:23px;
    border:#2A2A2A 1px solid;
    HTML Code:
    <button onclick="window.close();" value="Close" class="button">Close</button>
    Internet Explorer Screenshot
    Firefox Screenshot

    thanks, dandono_
    Attached Images Attached Images
    mmm beef

  2.  

  3. #2
    Senior Member Karloff's Avatar
    Join Date
    Oct 2005
    Posts
    744
    Member #
    11702
    i'm in work so i can't mess about with ur code, but have you tried taking padding and margins out of the css?

    just a wee thought

  4. #3
    Member dandono_'s Avatar
    Join Date
    Mar 2006
    Location
    Cornwall, UK
    Posts
    30
    Member #
    12919
    nope doesn't seem do make any difference.
    Code:
    padding:0;
    margin:0;
    mmm beef

  5. #4
    Senior Member Shani's Avatar
    Join Date
    Nov 2004
    Posts
    1,140
    Member #
    8171
    Did you remove the border on the [minicode]img a[/minicode]?
    Shani

    I have an eye for detail like you'd never believe.

  6. #5
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    There's no [minicode]img a[/minicode], but try setting border: 0 on the button.

  7. #6
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    It's damn near futile styling form elements if you want them to look identical across browsers, and especially across OSs. There will be text alignment problems between IE and Firefox, and the styling won't take effect at all on many OS X browsers.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  8. #7
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,694
    Member #
    5580
    Liked
    717 times
    dandono ...

    You should give us a link so we can see your HTML source.

    Right away, I'm thinking you have some extra carriage returns, tabs, or
    white space in your HTML code.

    That causes strange 1-pixel problems with IE, just like you're describing.

    Make your HTML source code compact and don't break properties between lines.

    ... and if you still can't solve it, give us a link so we can help.
    screenshots are too hard to decipher.


  9. #8
    Member dandono_'s Avatar
    Join Date
    Mar 2006
    Location
    Cornwall, UK
    Posts
    30
    Member #
    12919
    sure the uri is http://www.dwsn.ath.cx/forums/ and the buttons are in a toolbar at the top of the page.
    mmm beef


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:25 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com