[css-d] position an image outside of the DIV element containing it?

[Robert Nagle]

Hi, Tim,

Thanks for your reply. Unfortunately, the site is confidential, so I
can't give a URL. (plus, there are other CSS issues which might
distract people from the problem at hand).

Seriously, it's been a few years since I've edited a CSS file. (I'm
actually looking forward to it). Everything sounds vaguely familiar
though; I'm at the stage where I just need a few terms to be able to
google

rj
>  have div.columnA and divcolumnB which is my main layout.
>
> In div.columnB I have an img element inside.
>
> However, I'm not quite sure I want this div.columnB. img actually to
> be located inside div.columnB.

You probably want to use absolute positioning. This will take the
image outside of the document flow and there won't need to be a hole
where the image would have been before moving it. This would be the
case with negative margins or relative positioning.

Remember that an absolutely positioned element is positioned in
relation to its nearest positioned ancestor. That is to say an
ancestor with position: absolute or position: relative. If there are
no positioned ancestors it is positioned in relation to the body.

It will be easier to help if you show us your code and show us what
you want it to look like.


-- 
Robert Nagle
__
css-discuss [cs...@lists.css-discuss.org]
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/

[css-d] position an image outside of the DIV element containing it?

[Robert Nagle]

Hi, there,
I am getting started on a long overdue overhaul of a static content
site I've been maintaining for the last 7 years. The css is pretty
crufty (I don't think I've changed it in the last 3 or 4 years).

Fortunately, the static html pages were made with reasonably clean
code, , so I should be able to use css to change the global look and
feel

But I encountered a problem.

I have div.columnA and divcolumnB which is my main layout.

In div.columnB I have an img element inside.

However, I'm not quite sure I want this div.columnB. img actually to
be located inside div.columnB.

Maybe I want to put the image above both columnA and columnB. Maybe I
want to put the image inside columnA instead of columnB.

Is there any positioning css you can do to jam the columnB image
inside of div.columnA. (Like setting a  positioning value to
negative?) I'm calling this "negative positioning" for lack of a
better term.  (Actually what is the phrase for what I am describing?)

Also, are there big differences between how IE 8 and IE 7 handle these
negative positioning tricks? (I upgraded to IE 7 and have no way to
test IE 7 anymore).

One thing I'm dealing with is that sometimes images are columnA; at
other times they are in columnB. I want to be more consistent.

Thanks for your help.

-- 
Robert Nagle
12777 Ashford Point Dr #1417
Houston, Texas 77082
713 893 3424
htpt://www.robertnagle.info
__
css-discuss [cs...@lists.css-discuss.org]
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/