So, I've got this as part of the stylesheet for a JavaScript I'm using (I removed the irrelevant parts of the code for this question).

When it's at width:448, it aligns itself properly with the image it's next to perfectly - for FireFox

When it's at width:450, it aligns itself properly with the image it's next to perfectly - for Internet Explorer

Too see what I'm doing, visit this page: http://gunbound.trap17.com/phpBB

You will see News/Updates. That's an image that's 450px wide. Below that is the Javascript, which in Firefox needs to be 448px wide because it has the 1px border on the sides (1px border * 2 + 448 = 450).

IE does not add the border pixels to the width, making it 2 pixels short.

I need to make it so that [if IE], the style will be width:450

Can I use an [if IE] tag in there somehow?

 

 

 

Reply

I think you can, Chech with the admins/mods.
I have no idea, Accually i di but just cant remember.

Thanks,
FFC Webmaster,
Asad Haider.

Reply

It uses javascript. Here it is:



If the browser is any IE version it write's the width having 450px. The user can have any other browser } else { and the width will be set to 448px. If you wish to change the else bit to do Firefox only I believe you to change it to this:

From:

} else {

To:

} elseif (navigator.appVersion.indexOf("FF")!=-1) {

This may not be correct but I believe so

Do you understand? Don't hesitsate to reply if you don't

 

 

 

Reply

I hate to have people think I'm spamming but I made an error when copying the code from on another.

document.write("width: 450px;") in the } else { sector should be document.write("width: 448px;") in accordance with what you specified

Reply

That works. I'm familiar with that method, but was wondering if there was something else I could do. But I've just gone ahead and done it this way. Thanks for the help.

Reply

Try this:


Since IE doesn't recognise many CSS selectors you can make hacks like that. IE doesn't understand html>body, so it just ignores the style rule. But Firefox understands it, and in CSS the last rule is the one that counts, Firefox just ignores the first rule.

Reply