positioning/Netscape..

**C A Upsdell** · Jul 21 '05, 01:09 AM

Re: positioning/Netscape..

Frances Del Rio wrote:[color=blue]
> 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:absol ute; 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..[/color]

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** · Jul 21 '05, 01:09 AM

Re: positioning/Netscape..

C A Upsdell > wrote:[color=blue]
> Frances Del Rio wrote:
>[color=green]
>> 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:absol ute; 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..[/color]
>
>
> 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.[/color]

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** · Jul 21 '05, 01:09 AM

Re: positioning/Netscape..

Gus Richter wrote:
[color=blue]
> C A Upsdell > wrote:
>[color=green]
>> Frances Del Rio wrote:
>>[color=darkred]
>>> 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:absol ute; 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..[/color]
>>
>>
>>
>> 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.[/color]
>
>
> 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.[/color]

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

**Gus Richter** · Jul 21 '05, 01:09 AM

Re: positioning/Netscape..

Frances Del Rio wrote:[color=blue]
>
>
> Gus Richter wrote:
>[color=green]
>> C A Upsdell > wrote:
>>[color=darkred]
>>> 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:absol ute; 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.[/color]
>>
>>
>>
>> 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.[/color]
>
>
> really? how? outside a div? absolute positioning? pls explain..
> thank you.. Frances
>[/color]

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** · Jul 21 '05, 01:09 AM

Re: positioning/Netscape..

Frances Del Rio wrote:[color=blue]
>
>
> Gus Richter wrote:
>[color=green]
>> C A Upsdell > wrote:
>>[color=darkred]
>>> 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:absol ute; 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.[/color]
>>
>>
>>
>> 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.[/color]
>
>
> really? how? outside a div? absolute positioning? pls explain..
> thank you.. Frances
>[/color]

[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** · Jul 21 '05, 01:09 AM

Re: positioning/Netscape..

Gus Richter wrote:[color=blue]
> Frances Del Rio wrote:
>[color=green]
>>
>>
>> Gus Richter wrote:
>>[color=darkred]
>>> 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:absol ute; 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.[/color]
>>
>>
>>
>> really? how? outside a div? absolute positioning? pls explain..
>> thank you.. Frances
>>[/color]
>
> [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:][/color]

[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** · Jul 21 '05, 01:09 AM

Re: positioning/Netscape..

Gus Richter wrote:[color=blue]
> Frances Del Rio wrote:
>[color=green]
>>
>>
>> Gus Richter wrote:
>>[color=darkred]
>>> 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:absol ute; 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.[/color]
>>
>>
>>
>> really? how? outside a div? absolute positioning? pls explain..
>> thank you.. Frances
>>[/color]
>
> Really. I believe my reasoning to be sound.[/color]
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[color=blue]
> 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.
>[/color]

**Gus Richter** · Jul 21 '05, 01:09 AM

Re: positioning/Netscape..

Frances Del Rio wrote:[color=blue]
>
>
> Gus Richter wrote:[color=green][color=darkred]
>>>> 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
>>>[/color][/color]
>
> 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
>[/color]

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:absol ute; top:160px; left:20px}
</style>

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

--
Gus

**Frances Del Rio** · Jul 21 '05, 01:12 AM

Re: positioning/Netscape..

Gus Richter wrote:
[color=blue]
> Frances Del Rio wrote:
>[color=green]
>>
>>
>> Gus Richter wrote:
>>[color=darkred]
>>>>> 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
>>>>[/color]
>>
>> 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
>>[/color]
>
> 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:absol ute; top:160px; left:20px}
> </style>
>
> <img id="bar" src="images/bar.gif" width="768" height="1" border="0">[/color]

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

positioning/Netscape..

positioning/Netscape..

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment