On 9/09/2011 10:14 AM, David Laakso wrote:
On 9/7/11 11:15 PM, John wrote:

re:
<http://www.coffeeonmars.com/testing/index.html>

* html #BannerText { position: absolute; top:0; left:67px; }


David, if someone was to have a larger text-size setting in any browser, that banner text will not be centered vertically within the center of the header (.UX_Logo). The current positioning of the banner text is done with this CSS.

margin: 40px 0 0 160px;

This should be removed. The template that I did for John had this,

line-height:100px;

and was IE6 friendly and the banner text would always be centered vertically even after line wrapping.

The header explosion in IE6 seems to be more due to some escaping float bug. Please view in IE6.

http://css-class.com/test/bugs/ie/5~7/margin-top-after-floats.htm

The static container (div.CenterColumn_home in John's page) is sitting below the first float and this is why the banner text is misplaced since it sitting 40px below the top edge of the container due to the margin-top of 40px.



--
Alan Gresley
http://css-3d.org/
http://css-class.com/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to