• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 247
  • Last Modified:

having a problem with <div> tags and z-index with over laying text.

hello,
i have created a banner with <div> tags and z-index with overlying text layer.  it shows up correct in firefox but in ie the text breaks lines after each word. does anyone see an issue with my code?
thanks
<!--BACKGROUND COLOR-->
<div style="width:369px; height:150px; z-index:1; position:absolute;"><a href="/catalog/theme.jsp?themeId=381&"><img src="10-15-08_christmas_store_feature_2.jpg" alt=" Shop 2008 Collectibles" width="369" height="150" border="0"></a></div>
<!--BACKGROUND COLOR-->
 
<!--COPY-->
<div style="width:199px; height:95px; padding-left:20px; padding-right:150px; padding-top:55px; z-index:2; font:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; position:absolute;">
shop 2008 collectible items
</div>
<!--COPY-->

Open in new window

0
nooch44
Asked:
nooch44
1 Solution
 
scrathcyboyCommented:
try using in CSS -- display:inline;    or display:inline-block;   to style the text giving problems.
0
 
MattKenefickCommented:
in IE.. padding subtracts from the total width of an object as opposed to adding to it.

So when you have and object that is about 200px wide.. and you have 20px padding on left, and 150px padding on right... That only leaves 30px of space for words.. Which is why your words are breaking.
0
 
nooch44Author Commented:
took the padding on the righ away and it did the trick...thanks
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now