Developer Forum

My web site is a simple design. Using Macromedia DREAMWEAVER 2004 Version 7.0.1.
I use template with several div. The content in all div is static and entered
in the templates. There is one div in the center that is editable when using
the template to create web pages. Displaying web page
www.chrisgrey.com/theory.htm in IE 6 the editable area extends the color if
the content is longer than the size in the template. In IE 7 and FireFox 2 the
color of the area ends when it ends in the template.
I am using CCS for the template. The area in the CCS is:
.menuarea {
background-color: #999999;
border: 2px solid #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
position: relative;
font-weight: 500;
}
In the div it is:
<div id="main" style="position:absolute; left:193px; top:62px; width:405px;
height:543px; z-index:5;" class="mainarea"> <!-- InstanceBeginEditable
name="EditMain" -->

So are the style= "position:absolute; in the div and
position: relative; in the CCS conflicting, and why does it display one way
in IE 6 and another in IE 7??

Should I upgrade to Dreamweaver 8? I need to know the cause so I can
maintain the web site.

Thanks, Chris

I tested again and find it displays correctly in IE6 and not in IE7, FireFox
2.0.x, and FireFox 1.0.4. So I am woundering what the cause is. I'll restate
the issue:

My web site is a simple design. Using Macromedia DREAMWEAVER 2004 Version
7.0.1.
I use template with several div. The content in all div is static and entered
in the templates. There is one div in the center that is editable when using
the template to create web pages. Displaying web page
www.chrisgrey.com/theory.htm in IE 6 the editable area extends the color if
the content is longer than the size in the template. In IE 7, FireFox 2, and
FireFox 1.0.4 the color of the area ends when it ends in the template.
I am using CCS for the template.
I don't have a clue, but as far as I can see it is not the possition:absolute
in the div or the possition:relative in the CCS.

Has anyone run into this or have suggestions.

I found the answer to this problem

http://www.yqcomputer.com/
dnexpie/ie7_css_compat.asp
In the section that says
"Working around overflow:visible default behavior"
If you have height: <some number>px then you have to change to min-height for
IE7.