Sent by Darren Best on 14 April 2008 14:02
On 14/04/2008, Gunlaug Sørtun [EMAIL-REMOVED]> wrote:
>
>
> 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.
Bingo, thanks! That did the trick. After adding the relative positioning
for the "h3"s, the text started staying put. After adding padding-top of
17px to the h3, and margin-left of 46px and display:block to the h3 spans
(thanks to Bill Brown for those!) I have what I was looking for!
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.
Yes, I know that a bunch of my markup is pointless, and as I get a bit more
confident with my skills, I'll be able to get leaner with the code.
Sometimes I think that adding elements will make it more flexible, but I
think it often just ends up confusing me as I have to wade through more
possibilities as to what is messing up in the stylesheet. Hopefully, I
haven't introduced too many bad habits for myself on my first try.
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.
Thanks, good to know and I appreciate it. Positioning seems to be the
hardest thing about CSS to comprehend (at least for me), but I'm getting
there.
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
> --
An interesting read. Explains a lot, too!
Darren Best
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
