Karl Groves wrote:
> http://dev.belladolcemastini.com/template3.php
> For once, IE gets it right and FF is getting it wrong.
Not really :-)
You haven't given Firefox, or any other browser, all positions and
dimensions they need. It is unfortunate that IE happens to make it
_look_ right, as one may think it _is_ right.
Anyway, IE doesn't understand positioning of opposite edges of an
element, so it won't notice the following changes.
Add...
#page_header{ height: 181px; }
...and use this for head_text...
#head_text{
position: absolute;
left: 121px;
top: 0;
right: 0 /* for full width in FF & others */;
height: 181px;
background-image: url(header_t.jpg);
background-repeat: no-repeat;
}
And also: get rid of the 'spacer-img' and the </a> here...
<div style="clear:both;" id="top"><img src="spacer01.gif"
id="skip_spacer" alt="[Skip To Content]" /></a></div>
I can't observe any differences between Firefox, Opera and IE6, once
these changes are in place.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
