I am battling on a consistency of font size of a banner text for an unexpected long period of time. After I thought this problem was solved, I just found out it is still a problem with different browsers or/and different resolution screen. Since it is on the banner, it is very important as the first impression of the site. Can someone help me out of this frustrated issue.
The problem is that the banner text is too big for the width and pushed on the line sometimes. It is find with Netscape 7.1 and IE 5 on Window 2000, but not with IE on Window XP same resolution.
The following is the code I use:
<div style="position: absolute; left: 0px; top: 0px; width: 70%; padding-left: 6%; padding-top: 2%; color: #A10000; font-weight: bold; font-size: 2.5em;">
banner text
</div>
<div style="z-index: 1; position: absolute; left: 422px; top: 48px; width: 20em; color: #90A9C9; font-size: 1.8em;">
subtitle
</div>
Thanks.
The problem is that the banner text is too big for the width and pushed on the line sometimes. It is find with Netscape 7.1 and IE 5 on Window 2000, but not with IE on Window XP same resolution.
The following is the code I use:
<div style="position: absolute; left: 0px; top: 0px; width: 70%; padding-left: 6%; padding-top: 2%; color: #A10000; font-weight: bold; font-size: 2.5em;">
banner text
</div>
<div style="z-index: 1; position: absolute; left: 422px; top: 48px; width: 20em; color: #90A9C9; font-size: 1.8em;">
subtitle
</div>
Thanks.
Comment