Layer Positions - absolute

Question

Having problems with layer position. Dreamweaver preview is
correct, as is
display in Internet Explorer.PC.
Firefox on PC, and all Mac browsers do not correctly place
top value (left
value is correct)
Any ideas? All layer attributes are in css. Emp01 below is
correctly placed.
Emp07 is not. All layers given unique Z-index
#Emp01 {
position:absolute;
left:183px;
top:275px;
width:180px;
height:42px;
z-index:1;
visibility: hidden;
#Emp07 {
position:absolute;
left:600px;
top:265px;
width:175px;
height:61px;
z-index:7;
visibility: hidden;

Answer 1

> This doesn't seem to make sense to me. Does it to you?
Yes, of course.
You have not controlled the margin-top on the <p> tag,
and IE will not
collapse that margin - thus leading you to conclude that it's
positioned
correctly. When you use a modern browser, that correctly
collapses that top
margin, you see the layer as being placed higher than you
want. The
solution is to use CSS to set that <p> tag's top margin
to zero. Then you
will be able to position the layer reliably....
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
==================
"Anthony LeBaron" <[email protected]> wrote in message
news:[email protected]...
> Sorry Murray,
> Was not able to post file since it contains unreleased
financial data...
> Nowever, I have repaired the problem but I don't
understand the issue.
> Maybe you can explain.
>
> Each layer was a div tage with an absolute position.
> Within the div tag was a small text field.
> The first line was within a span tag with a specific css
style.
> The following lines were within a second span tag with
another css style.
>
> If the div tag was immediately followed by a <p>
(i.e., <div><p><span>...)
> the layer was positioned properly in all browsers, both
mac and pc.
> If the <p> was omitted, the layer would position
correctly in IE (pc) and
> in Dreamweaver preview. In other browsers and on the
Mac, it would display
> higher than specified.
>
> This doesn't seem to make sense to me. Does it to you?
>
> Here is the code used within the div tag.
>
> <div id="Emp06">
> <p>
> <span class="Name">Lorem Ipsum</span><br
/>
> <span class="Title">
> tile line 1<br />,
> title line 2</span>
> </div>
>
>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
>> Would need to see your HTML too. Can you post a link
to the page?
>>
>> --
>> 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
>> ==================
>>
>>
>> "Anthony LeBaron" <[email protected]> wrote in
message
>> news:[email protected]...
>>> Having problems with layer position. Dreamweaver
preview is correct, as
>>> is display in Internet Explorer.PC.
>>> Firefox on PC, and all Mac browsers do not
correctly place top value
>>> (left value is correct)
>>> Any ideas? All layer attributes are in css.
Emp01 below is correctly
>>> placed. Emp07 is not. All layers given unique
Z-index
>>>
>>> #Emp01 {
>>> position:absolute;
>>> left:183px;
>>> top:275px;
>>> width:180px;
>>> height:42px;
>>> z-index:1;
>>> visibility: hidden;
>>> }
>>>
>>> #Emp07 {
>>> position:absolute;
>>> left:600px;
>>> top:265px;
>>> width:175px;
>>> height:61px;
>>> z-index:7;
>>> visibility: hidden;
>>> }
>>>
>>
>>
>
>