repost: abs positioning probs in IE

I have a div (#header_wrap div#logo) that is postion:absolute and it seems
to be affected by (i.e. pushed to the right of) a float (#header_left) that
appears further down in the continer(#header_wrap) ... that doesn't seem to
make sense. Any thouhgts???

link:
http://dev.dosomething.org

relivant html:
<div id="header_wrap">
<div id="logo"><a href="/"><img src="<?=$dir_theme?>/images/logo_ds.png"
alt="Do Something" width="109" height="95" border="0"></a></div>
<div id="header_left"> ... </div>
<div id="header_right">... </div>
</div>
</div>

relivant css:
/************ HEADER ***********/
div#header_wrap{
position: relative;
}

div#header_wrap div#logo{
width: 109px;
position: absolute;
top: -7px;
left: -7px;
margin: 0px;
padding: 0px;
z-index: 1;
}

div#header_wrap div#header_left{
width: 790px;
float: left;
margin: 0px 10px 5px 0px;
}

I have a div (#header_wrap div#logo) that is postion:absolute and it seems
to be affected by (i.e. pushed to the right of) a float (#header_left)
that
appears further down in the continer(#header_wrap) ... that doesn't seem
to
make sense.

It doesn't make sense. It cannot make sense. Absolute position elements
are removed from the flow, and cannot be affected by, or have an effect on,
any other page element (with the exception of a relatively positioned
ancestor, but even in that case, it's arguable).

But what exactly is it you are seeing that you don't feel you should?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"Alexander Ross" <aross (AT) dosomething (DOT) org> wrote

I have a div (#header_wrap div#logo) that is postion:absolute and it seems
to be affected by (i.e. pushed to the right of) a float (#header_left)
that
appears further down in the continer(#header_wrap) ... that doesn't seem
to
make sense. Any thouhgts???

link:
http://dev.dosomething.org

relivant html:
div id="header_wrap"
div id="logo"><a href="/"><img
src="<?=$dir_theme?>/images/logo_ds.png"
alt="Do Something" width="109" height="95" border="0"></a></div
div id="header_left"> ... </div
div id="header_right">... </div
/div
/div

relivant css:
/************ HEADER ***********/
div#header_wrap{
position: relative;
}

div#header_wrap div#logo{
width: 109px;
position: absolute;
top: -7px;
left: -7px;
margin: 0px;
padding: 0px;
z-index: 1;
}

div#header_wrap div#header_left{
width: 790px;
float: left;
margin: 0px 10px 5px 0px;
}

Absolute position elements are removed from the flow, and cannot be
affected by, or have an effect on, any other page element

Exactly ... are you seeing the same?

http://dev.dosomething.org ... check out the logo. In FF it is at the top
left (where it belongs), but in IE its over to the right of the gradiated
blue, horizonatal containing box for the top nav. It shouldn't be there...

AHHHHHHH

On Wed, 6 Sep 2006 09:32:04 -0400, "Alexander Ross"
<aross (AT) dosomething (DOT) org> wrote:

http://dev.dosomething.org ... check out the logo. In FF it is at the top
left (where it belongs), but in IE its over to the right of the gradiated
blue, horizonatal containing box for the top nav. It shouldn't be there...

Delete the empty line above the doctype so IE will render the page in
standards mode instead of quirks mode and see what happens.

Gary

no dice ...

I even tried changing to html4.01 strict

"Gary White" <reply (AT) newsgroup (DOT) please> wrote

On Wed, 6 Sep 2006 09:32:04 -0400, "Alexander Ross"
aross (AT) dosomething (DOT) org> wrote:

http://dev.dosomething.org ... check out the logo. In FF it is at the top
left (where it belongs), but in IE its over to the right of the gradiated
blue, horizonatal containing box for the top nav. It shouldn't be there...


Delete the empty line above the doctype so IE will render the page in
standards mode instead of quirks mode and see what happens.

Gary

On Wed, 6 Sep 2006 13:50:39 -0400, "Alexander Ross"
<aross (AT) dosomething (DOT) org> wrote:

I even tried changing to html4.01 strict

Okay. I'm not sure if it is contributing, but after running the page
through the HTML validator, I notice that you have a number of XHTML
type self-closing tags while using an HTML doctype. Validating the CSS
also turns up quite a few errors. You might want to look into those.

Gary

I definitly shouldnt have to do this, but putting the logo div inside the
floated div worked



"Gary White" <reply (AT) newsgroup (DOT) please> wrote

On Wed, 6 Sep 2006 13:50:39 -0400, "Alexander Ross"
aross (AT) dosomething (DOT) org> wrote:

I even tried changing to html4.01 strict


Okay. I'm not sure if it is contributing, but after running the page
through the HTML validator, I notice that you have a number of XHTML
type self-closing tags while using an HTML doctype. Validating the CSS
also turns up quite a few errors. You might want to look into those.

Gary

On Wed, 6 Sep 2006 15:40:40 -0400, "Alexander Ross"
<aross (AT) dosomething (DOT) org> wrote:

I definitly shouldnt have to do this, but putting the logo div inside the
floated div worked

Glad you got it working, but you still need to take care of some of the
flaky code.

Gary