positioning/Netscape..

[Frances Del Rio]

I have a pg with lots of divs, one of them is a gray bar about 150px
down from the top and 20px from the left... this bar (an image) is
767px wide and 1px high.. however, even though all divs are positioned
consistently in IE and Netscape, in Netscape (7.1) the bar div ONLY is
about 10px ABOVE where it should be.. code:

HTML:
<div id="bar">
<img src="images/bar.gif" width="768" height="1" border="0">
</div>

CSS:
#bar {position:absolute; top:160px; left:20px}

in Netscape this bar div shows up 10px above from where it should be..
(EXACTLY 10px, in fact, I took screen-shot and measured in Photoshop..)
(all other divs fine -- show up in same position in both Netscape and
IE..) I validated CSS code here,
http://jigsaw.w3.org/css-validator/v...or-uri.html.en, and it checks
fine..

was wondering what is causing this, thank you..

Frances Del Rio

[C A Upsdell]

Frances Del Rio wrote:

I have a pg with lots of divs, one of them is a gray bar about 150px
down from the top and 20px from the left... this bar (an image) is
767px wide and 1px high.. however, even though all divs are positioned
consistently in IE and Netscape, in Netscape (7.1) the bar div ONLY is
about 10px ABOVE where it should be.. code:

HTML:
<div id="bar">
<img src="images/bar.gif" width="768" height="1" border="0">
</div>

CSS:
#bar {position:absolute; top:160px; left:20px}

in Netscape this bar div shows up 10px above from where it should be..
(EXACTLY 10px, in fact, I took screen-shot and measured in Photoshop..)
(all other divs fine -- show up in same position in both Netscape and
IE..) I validated CSS code here,
http://jigsaw.w3.org/css-validator/v...or-uri.html.en, and it checks
fine..

was wondering what is causing this, thank you..

Netscape 7.1 uses the Gecko 1.4.x browser engine, and this version has
problems with positioning. I was unable to resolve them, though someone
else might have a work-around.

Netscape 7.2 uses the Gecko 1.7.x browser engine, and should have no
problems.

[Gus Richter]

C A Upsdell > wrote:

Frances Del Rio wrote:

I have a pg with lots of divs, one of them is a gray bar about 150px
down from the top and 20px from the left... this bar (an image) is
767px wide and 1px high.. however, even though all divs are
positioned consistently in IE and Netscape, in Netscape (7.1) the bar
div ONLY is about 10px ABOVE where it should be.. code:

HTML:
<div id="bar">
<img src="images/bar.gif" width="768" height="1" border="0">
</div>

CSS:
#bar {position:absolute; top:160px; left:20px}

in Netscape this bar div shows up 10px above from where it should be..
(EXACTLY 10px, in fact, I took screen-shot and measured in Photoshop..)
(all other divs fine -- show up in same position in both Netscape and
IE..) I validated CSS code here,
http://jigsaw.w3.org/css-validator/v...or-uri.html.en, and it
checks fine..

was wondering what is causing this, thank you..

Netscape 7.1 uses the Gecko 1.4.x browser engine, and this version has
problems with positioning. I was unable to resolve them, though someone
else might have a work-around.

Netscape 7.2 uses the Gecko 1.7.x browser engine, and should have no
problems.

The OP said that only one div, among others, is positioned 10px higher
than it should be. NS7.2 has no problem and I recall no problem in this
regard with NS7.1. In any case, it works reportedly perfectly well for
the other (lots of) divs. I suggest that something in the code somewhere
is affecting this. Another thing is that there is no reason to place the
gif in a div simply for positioning - the image may be positioned directly.

--
Gus

[Frances Del Rio]

Gus Richter wrote:

C A Upsdell > wrote:

Frances Del Rio wrote:

I have a pg with lots of divs, one of them is a gray bar about 150px
down from the top and 20px from the left... this bar (an image) is
767px wide and 1px high.. however, even though all divs are
positioned consistently in IE and Netscape, in Netscape (7.1) the bar
div ONLY is about 10px ABOVE where it should be.. code:

HTML:
<div id="bar">
<img src="images/bar.gif" width="768" height="1" border="0">
</div>

CSS:
#bar {position:absolute; top:160px; left:20px}

in Netscape this bar div shows up 10px above from where it should
be.. (EXACTLY 10px, in fact, I took screen-shot and measured in
Photoshop..)
(all other divs fine -- show up in same position in both Netscape and
IE..) I validated CSS code here,
http://jigsaw.w3.org/css-validator/v...or-uri.html.en, and it
checks fine..

was wondering what is causing this, thank you..

Netscape 7.1 uses the Gecko 1.4.x browser engine, and this version has
problems with positioning. I was unable to resolve them, though
someone else might have a work-around.

Netscape 7.2 uses the Gecko 1.7.x browser engine, and should have no
problems.

The OP said that only one div, among others, is positioned 10px higher
than it should be. NS7.2 has no problem and I recall no problem in this
regard with NS7.1. In any case, it works reportedly perfectly well for
the other (lots of) divs. I suggest that something in the code somewhere
is affecting this. Another thing is that there is no reason to place the
gif in a div simply for positioning - the image may be positioned directly.

really? how? outside a div? absolute positioning? pls explain..
thank you.. Frances

[Gus Richter]

Frances Del Rio wrote:

Gus Richter wrote:

C A Upsdell > wrote:

Frances Del Rio wrote:

I have a pg with lots of divs, one of them is a gray bar about 150px
down from the top and 20px from the left... this bar (an image) is
767px wide and 1px high.. however, even though all divs are
positioned consistently in IE and Netscape, in Netscape (7.1) the
bar div ONLY is about 10px ABOVE where it should be.. code:

HTML:
<div id="bar">
<img src="images/bar.gif" width="768" height="1" border="0">
</div>

CSS:
#bar {position:absolute; top:160px; left:20px}

in Netscape this bar div shows up 10px above from where it should
be.. (EXACTLY 10px, in fact, I took screen-shot and measured in
Photoshop..)
(all other divs fine -- show up in same position in both Netscape
and IE..) I validated CSS code here,
http://jigsaw.w3.org/css-validator/v...or-uri.html.en, and it
checks fine..

was wondering what is causing this, thank you..


Netscape 7.1 uses the Gecko 1.4.x browser engine, and this version
has problems with positioning. I was unable to resolve them, though
someone else might have a work-around.

Netscape 7.2 uses the Gecko 1.7.x browser engine, and should have no
problems.

The OP said that only one div, among others, is positioned 10px higher
than it should be. NS7.2 has no problem and I recall no problem in
this regard with NS7.1. In any case, it works reportedly perfectly
well for the other (lots of) divs. I suggest that something in the
code somewhere is affecting this. Another thing is that there is no
reason to place the gif in a div simply for positioning - the image
may be positioned directly.

really? how? outside a div? absolute positioning? pls explain..
thank you.. Frances

Really. I believe my reasoning to be sound. Something, other than what
you've shown, is affecting the div or img for that particular div/img. I
don't have a crystal ball in order to go further. Neither do I intend to
rattle off a list of possibilities for 'discussion' fodder. You either
check and find it yourself, or if you want me to find the specific
item/reason for you, then let me look at it with a URL.

--
Gus

[Gus Richter]

Frances Del Rio wrote:

Gus Richter wrote:

C A Upsdell > wrote:

Frances Del Rio wrote:

I have a pg with lots of divs, one of them is a gray bar about 150px
down from the top and 20px from the left... this bar (an image) is
767px wide and 1px high.. however, even though all divs are
positioned consistently in IE and Netscape, in Netscape (7.1) the
bar div ONLY is about 10px ABOVE where it should be.. code:

HTML:
<div id="bar">
<img src="images/bar.gif" width="768" height="1" border="0">
</div>

CSS:
#bar {position:absolute; top:160px; left:20px}

in Netscape this bar div shows up 10px above from where it should
be.. (EXACTLY 10px, in fact, I took screen-shot and measured in
Photoshop..)
(all other divs fine -- show up in same position in both Netscape
and IE..) I validated CSS code here,
http://jigsaw.w3.org/css-validator/v...or-uri.html.en, and it
checks fine..

was wondering what is causing this, thank you..


Netscape 7.1 uses the Gecko 1.4.x browser engine, and this version
has problems with positioning. I was unable to resolve them, though
someone else might have a work-around.

Netscape 7.2 uses the Gecko 1.7.x browser engine, and should have no
problems.

The OP said that only one div, among others, is positioned 10px higher
than it should be. NS7.2 has no problem and I recall no problem in
this regard with NS7.1. In any case, it works reportedly perfectly
well for the other (lots of) divs. I suggest that something in the
code somewhere is affecting this. Another thing is that there is no
reason to place the gif in a div simply for positioning - the image
may be positioned directly.

really? how? outside a div? absolute positioning? pls explain..
thank you.. Frances

[I guess Google hickupped and did not log/receive articles between
approximately 17:30 PST - 21:30 PST, so I'll repost this from 17:50:]

Really. I believe my reasoning to be sound. Something, other than what
you've shown, is affecting the div or img for that particular div/img. I
don't have a crystal ball in order to go further. Neither do I intend to
rattle off a list of possibilities for 'discussion' fodder. You either
check and find it yourself, or if you want me, or anyone else, to try to
find the specific item/reason for you, then let me look at it with a URL.

--
Gus

[Gus Richter]

Gus Richter wrote:

Frances Del Rio wrote:

Gus Richter wrote:

C A Upsdell > wrote:

Frances Del Rio wrote:

> I have a pg with lots of divs, one of them is a gray bar about
> 150px down from the top and 20px from the left... this bar (an
> image) is 767px wide and 1px high.. however, even though all divs
> are positioned consistently in IE and Netscape, in Netscape (7.1)
> the bar div ONLY is about 10px ABOVE where it should be.. code:
>
> HTML:
> <div id="bar">
> <img src="images/bar.gif" width="768" height="1" border="0">
> </div>
>
> CSS:
> #bar {position:absolute; top:160px; left:20px}
>
> in Netscape this bar div shows up 10px above from where it should
> be.. (EXACTLY 10px, in fact, I took screen-shot and measured in
> Photoshop..)
> (all other divs fine -- show up in same position in both Netscape
> and IE..) I validated CSS code here,
> http://jigsaw.w3.org/css-validator/v...or-uri.html.en, and it
> checks fine..
>
> was wondering what is causing this, thank you..

Netscape 7.1 uses the Gecko 1.4.x browser engine, and this version
has problems with positioning. I was unable to resolve them, though
someone else might have a work-around.

Netscape 7.2 uses the Gecko 1.7.x browser engine, and should have no
problems.


The OP said that only one div, among others, is positioned 10px
higher than it should be. NS7.2 has no problem and I recall no
problem in this regard with NS7.1. In any case, it works reportedly
perfectly well for the other (lots of) divs. I suggest that something
in the code somewhere is affecting this. Another thing is that there
is no reason to place the gif in a div simply for positioning - the
image may be positioned directly.

really? how? outside a div? absolute positioning? pls explain..
thank you.. Frances

[I guess Google hickupped and did not log/receive articles between
approximately 17:30 PST - 21:30 PST, so I'll repost this from 17:50:]

[I guess *CIWAS* hickupped and did not log/receive articles between
approximately 17:30 PST - 21:30 PST, so I'll repost this from 17:50:]

--
Gus

[Frances Del Rio]

Gus Richter wrote:

Frances Del Rio wrote:

Gus Richter wrote:

C A Upsdell > wrote:

Frances Del Rio wrote:

> I have a pg with lots of divs, one of them is a gray bar about
> 150px down from the top and 20px from the left... this bar (an
> image) is 767px wide and 1px high.. however, even though all divs
> are positioned consistently in IE and Netscape, in Netscape (7.1)
> the bar div ONLY is about 10px ABOVE where it should be.. code:
>
> HTML:
> <div id="bar">
> <img src="images/bar.gif" width="768" height="1" border="0">
> </div>
>
> CSS:
> #bar {position:absolute; top:160px; left:20px}
>
> in Netscape this bar div shows up 10px above from where it should
> be.. (EXACTLY 10px, in fact, I took screen-shot and measured in
> Photoshop..)
> (all other divs fine -- show up in same position in both Netscape
> and IE..) I validated CSS code here,
> http://jigsaw.w3.org/css-validator/v...or-uri.html.en, and it
> checks fine..
>
> was wondering what is causing this, thank you..

Netscape 7.1 uses the Gecko 1.4.x browser engine, and this version
has problems with positioning. I was unable to resolve them, though
someone else might have a work-around.

Netscape 7.2 uses the Gecko 1.7.x browser engine, and should have no
problems.


The OP said that only one div, among others, is positioned 10px
higher than it should be. NS7.2 has no problem and I recall no
problem in this regard with NS7.1. In any case, it works reportedly
perfectly well for the other (lots of) divs. I suggest that something
in the code somewhere is affecting this. Another thing is that there
is no reason to place the gif in a div simply for positioning - the
image may be positioned directly.
really? how? outside a div? absolute positioning? pls explain..
thank you.. Frances

Really. I believe my reasoning to be sound.

don't get me wrong, pls, I do believe your reasoning to be sound, I just
wanted you to show me how to absolute-position an img outside a div
(this is what you meant, right?..) I can't post code w/o altering it a
bit (it's for corp site at work, which has not been published..) but
will continue to investigate... thank you all for you responses.. Frances
Something, other than what you've shown, is affecting the div or img for that particular div/img. I
don't have a crystal ball in order to go further. Neither do I intend to
rattle off a list of possibilities for 'discussion' fodder. You either
check and find it yourself, or if you want me to find the specific
item/reason for you, then let me look at it with a URL.

[Gus Richter]

Frances Del Rio wrote:

Gus Richter wrote:

Another thing is
that there is no reason to place the gif in a div simply for
positioning - the image may be positioned directly.

really? how? outside a div? absolute positioning? pls explain..
thank you.. Frances

I just
wanted you to show me how to absolute-position an img outside a div
(this is what you meant, right?..) I can't post code w/o altering it a
bit (it's for corp site at work, which has not been published..) but
will continue to investigate... thank you all for you responses.. Frances

All I said was that instead of wrapping the img in a div and then
positioning the div, you can position the img directly, like so:

<style type="text/css">
#bar {position:absolute; top:160px; left:20px}
</style>

<img id="bar" src="images/bar.gif" width="768" height="1" border="0">

--
Gus

[Frances Del Rio]

Gus Richter wrote:

Frances Del Rio wrote:

Gus Richter wrote:

> Another thing is that there is no reason to place the gif in a div
> simply for positioning - the image may be positioned directly.
really? how? outside a div? absolute positioning? pls explain..
thank you.. Frances

I just wanted you to show me how to absolute-position an img outside a
div (this is what you meant, right?..) I can't post code w/o altering
it a bit (it's for corp site at work, which has not been published..)
but will continue to investigate... thank you all for you responses..
Frances

All I said was that instead of wrapping the img in a div and then
positioning the div, you can position the img directly, like so:

<style type="text/css">
#bar {position:absolute; top:160px; left:20px}
</style>

<img id="bar" src="images/bar.gif" width="768" height="1" border="0">

I had no idea you could do this.. (id inside img tag..)
thank you very much.. Frances