The never ending IE5 Mac problems...

[yduk]

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:

.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:

<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

[Paul O'B]

Hi

Alternatively, is there anyway of just not using this style if the user is using IE5 Mac?

Just use the mac hiding hack

/* 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

[yduk]

Ahh excellent! Thanks a lot Paul

[Paul O'B]

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