Anne Kosmicki wrote:
>My test files are located at: http://www.t2000inc.com/test/index.html
>My style sheet: http://www.t2000inc.com/test/techcss.css
>If you view it in Mozilla, Firefox, or Netscape 7 [Mac or PC], you can see
>how it is supposed to look, or here:
>Viewing it in IE 6.0 will show you the error, or here:
>1: The header is composed of three graphics, all lined up at the top. The
>left & right graphics are 158 px high, with the center graphic [PDA man] 249
>px high. The PDA man in the circle is supposed to float over top part of the
>content box. In IE, he slips behind it. The text is also farther down on the
>page in IE than it should be. I have no idea why the text is not lining up
>right underneath the search div.
What is actually happening is that IE is expanding #header to hold all
three images. It doesn't care that you told #header to be 195px tall --
there's an image in there that 249px tall, so IE is going to expand to
To fix this, I'd position that image absolutely. To do this, add
position: relative to #header. I'd then reslice the images so that you
have one large image going all the way across, minus the circle portion,
that sits in #header. Make the circle its own image with a transparent
background, and place this image in a div with an id nested inside
#header. Then set position: absolute on this new div, plus top and left
values to position it where you want, and it should lay over the header
and content divs without any problem.
>2: The drop-down menus are from Gazingus.org. In all other browsers, the
>menus pop-down underneath the proper heading, with the left margin of the
>menu lining up with the beginning of the menu heading.
I don't see any drop downs on FF or IE.
Zoe M. Gillenwater
Highway Safety Research Center
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/