Text is cut off in Internet Explorer - works fine in all other browsers. Top and bottom of text not visible.

savavoom
savavoom used Ask the Experts™
on
Hey,

I can't seem to figure this out without messing up the layout of the site...

The site:

http://www.discopixels.com/canvas-builder 

Looks fine in every browser apart from Internet Explorer.

There is some text on the right hand side under the image add to cart button which says:

Step 1 , step 2 , step 3

and so on.

These appear when the different steps are clicked on.

In firefox, safari etc these are all visible but in Internet Explorer you can only see the middle of the text - the tops and bottoms are cut off and missing.

I've tried changing the line-height but this forces the text downward and out of place. If I move the margins it makes them out of place in other browsers.

The example code I am using for one part of the text is attached.

I just want the text to be visible like it is in all other browsers but without it moving around and looking bad.

I'm testing this in IE 7

Thanks in advance
<div style="margin:-60px 180px 0 0px;width:200px;float:right;"><font size="8px"><b>STEP 3</b></font></div>

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®

Author

Commented:
I found that site when I searched on Google.

The solution they had doesn't work. I've tried removing the width of the div but still no difference?

Any ideas?

Thanks
Nathan RileyFounder
Commented:
strange I just went to your site in chrome, firefox, and IE 7, all looked identical on my machine.
Success in ‘20 With a Profitable Pricing Strategy

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Author

Commented:
really, that's weird.

I'm having some trouble trying to get the site to stop coming up with the security error and if the user wants to continue.

I'll have a play then see what happens.

Thanks
Nathan RileyFounder
Commented:
Yeah sounds like you have some settings issues, as I don't have any popup when I hit your page.  Try resetting everything in IE back to default.

Author

Commented:
Thing is it only happens on some computers, when the security message comes up saying that there are some secure and non secure items on the page and you press "yes" it all works fine. If you press no it doesn't allow the site to load.

I'm in the process of changing everything to https , that should stop that message from appearing shouldn't it?

Still, thats unrelated to the actual question  but never mind :-)
Nathan RileyFounder
Commented:
I believe that it should.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial