13 replies to this topic

[yemoonyah]

Hi,

I have some buttons at the bottom of my page and they are off in Internet Explorer 9.
How can I fix this? Thanks!

See screenshot:

[catrina]

Are you positioning these buttons using CSS?

[yemoonyah]

I added them to the footer widget area with the following code:

Please Login or Register to see this Hidden Content

[catrina]

Please Login or Register to see this Hidden Content

In your code, you're placing the <p> tags in a strange place. You'll need to put the entire button code inside of the <p> tags so that it's like this:

Please Login or Register to see this Hidden Content

[yemoonyah]

Thanks, I changed the code but the button is still not properly aligned.
Any other suggestions?

[catrina]

Please replace the code with this:

Please Login or Register to see this Hidden Content

I noticed that there was an error in the code.

[yemoonyah]

Thanks Catrina,

I changed the code again but the buttons are still misaligned.

[Rob]

Hi Yemoonyah,

If the site is live, may we have a link?

I'm not sure than inline CSS is the best idea. I'm also unsure if a <p> tag is good in this case. Instead, I think the buttons should be wrapped in a div with their own class (which they seem to have) and that the applicable CSS be implemented more typically for custom code.

[yemoonyah]

Sure:

Please Login or Register to see this Hidden Content

Could you help me with that code? I'm not sure how to implement your suggestions.

[Rob]

Try adding to your custom css:

Please Login or Register to see this Hidden Content

[Rob]

It seems you're currently using 4 orphans, not 3. So IE9 is probably looking for 4 columns.

[Rob]

In terms of what I proposed....

Currently, if you read

Please Login or Register to see this Hidden Content

you will see inline CSS, which is how you're doing it. But we use LESS and inline doesn't work nicely with LESS in some browsers. IE comes to mind ;-)

However, centering can be done with some different CSS. Replacing the entire <p string, with a div and class, this would work brilliantly:

Please Login or Register to see this Hidden Content

[yemoonyah]

Ok thanks, I fixed it. This topic can be marked as closed now.

[Danny]

The topic was marked as resolved.