Marc Wolfgram wrote:

The css positioning for the header elements on this site is working
on Mac and Win for all browsers except IE under windows.

    ref: http://www.elmbrooklifebuilders.org/

One element is a horizontal img placed just like all the other img
stuff:

    <!-- main/secondary divider bar -->
    <div id="e20"> <img src="main/images/e20.jpg" width="406"
height="8" alt=""> </div>

Relative css:

div#e20 {
    position:absolute;
    left:370px;
    top:126px;
    width:406px;
    height:8px;
}

Under Win IE 6 it draws the element below its specified position
(somewhere around 134?) and it is then overdrawn by the button art
positioned below it at 134.

So what did I screw up? It used to work before the client had me
change the header elements above it (e10-e13, all top 94, height 32).

--------------

Dear Marc,

As far as I can see, the problem you are having is due to the blank spaces left on the code between "</a>" and "</div>" tags.

</a> </div>

As you didn't set a font-size for the PAGE div, and the default font size differs from browser to browser, this blank has a different size depending on the browser.

You can verify this by changing the font size on the browser. you will see that your image moves.

Hope to be of help.

Gonzalo Arin
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to