SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Addict
    Join Date
    Oct 2002
    Posts
    311
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    The never ending IE5 Mac problems...

    Hey,

    Ok having a few problems with IE5 Mac, again. Ok I wanted to use an image for a submit button but had previously had some bad luck with that and wanted to use the following instead:

    Code:
    .formsubmit {
     	display: block;
     	width: 100px;
     	border-top: 1px solid #EFEFEF;
     	border-bottom: 1px solid #CCCCCC;
     	border-left: 1px solid #EFEFEF;
     	border-right: 1px solid #CCCCCC;
     	background-image:  url("images/bg_nav.jpg");
     	font-weight: bold;
     	padding: 3px 3px 3px 3px;
     	color: #21536A;
     }
    Now I am using the above on a submit button as so:

    Code:
    <input type="submit" name="Submit" value="Submit" class="formsubmit">
    Now this works fine in all PC & Mac browsers except IE5 Mac - I mean it works, but instead of being 100px wide, it is instead 100% of the table it seems.

    Perhaps I could put the submit button in a div that is 100px wide? I shouldn't have to though.

    I also tried using the CSS hacks but that didn't help. Alternatively, is there anyway of just not using this style if the user is using IE5 Mac?

    This browser really does my head in, constantly!

    Cheers,
    Chris

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,803
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    Hi

    Alternatively, is there anyway of just not using this style if the user is using IE5 Mac?
    Just use the mac hiding hack

    Code:
    /* commented mac backslash hiding hack \*/ 
     
    .formsubmit { 	
    display: block; 	
    width: 100px; 	
    border-top: 1px solid #EFEFEF; 	
    border-bottom: 1px solid #CCCCCC; 	
    border-left: 1px solid #EFEFEF; 	
    border-right: 1px solid #CCCCCC; 	
    background-image: url("images/bg_nav.jpg"); 	
    font-weight: bold;    
     padding: 3px 3px 3px 3px; 	
    color: #21536A; 
    } 
    /* end hack */
    Or just hide the parts you don't want it to see.

    Paul

  3. #3
    SitePoint Addict
    Join Date
    Oct 2002
    Posts
    311
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ahh excellent! Thanks a lot Paul

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,803
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by yduk
    Ahh excellent! Thanks a lot Paul
    I think you can just hide the display:block from ie5 mac because it expands the input to fill the parent.

    However it will still let you specify a width on inline elements so you should be able to get it to work like that.

    Paul


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
  •