Darren Best wrote:
> http://www.unemployedhelp.on.ca/vrc/index.html.
> I wanted to make the h3 headers have a 46x46 px graphic on the left,
> then position the text of the "h3"s to the immediate right of their
> respective graphics. In Firefox, it works. In IE6, of course, it
> doesn't. The graphics show up in the right place, but the "h3"s get
> knocked down to the bottom of the page.
Position the span relative to its own headline...
#vrcResumes h3, #vrcCoverLetters h3, #vrcInterviews h3 {
height: 46px;
margin: 0;
position: relative;
}
...and IE/win will cooperate.
IE/win needs for an element to have Layout[1], so it can't absolute
position anything relative to the divs surrounding those headlines. The
'height: 46px' acts as perfect 'hasLayout' triggers on the headlines.
The divs surrounding the headlines are superfluous anyway, and may as
well be deleted. Just reassign the ID selectors to the relevant
headlines in markup and CSS, so you hit the right elements with your styles.
BTW: the 'display: inline' on all those "off-screen positioned" spans
has no purpose. An absolute positioned element is always 'display:
block', no matter what you declare on it.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
