View Full Version : Unwanted text wrapping in CSS layers

Jan 25th, 2009, 05:56 PM

when I layer two spans over each other using absolute position, CSS layers basically, for some reason the text wraps at almost every space down to the next line for no apparent reason. I have to use the nowrap property to get decent behaviour.

I am including a picture of some text layered over two graphics. The text has exactly the exactly the same offset as the spinning arrow graphic.

also including the code. Though I have managed to hack a way out... I really don't want to have to do that and I need to know why it is behaving like this!!

The objects are inside a td, which happens to be more than large enough to hold the text.

<td style="position:absolute;">

<span style=" visibility:;">
<span style="position:absolute; top:130; left:200; z-index:1; color:black;"><img src="mpSitePics/resediticon.gif" height="124" width="128"></span>
<span style="position:absolute; top:200; left:270; z-index:2; color:red;"><img src="mpSitePics/ajax-loader.gif"></span>
<span style="position:absolute; top:200; left:270; z-index:3; color:red; font-weight:bold;">This text wraps for no reason unless I use the nowrap whitespace attrib</span>