asked on

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

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

ASKER CERTIFIED SOLUTION

Nathan Riley

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

savavoom

ASKER

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

SOLUTION

Nathan Riley

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

savavoom

ASKER

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

SOLUTION

Nathan Riley

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

savavoom

ASKER

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

SOLUTION

Nathan Riley

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial