Melinda Odom wrote:
> Hi,
>
> I am having a terrible time with font sizing in all browsers because I want a
> fixed width and height site.
>
> Page is:
> http://www.designhosting.biz/support2.html
>
> The left column is only text. The right is a css scrolling menu.
>
> Using percentages on the body tag shows good in mozilla and safari but looks
> terrible in opera. At the ie rendering site the text is longer using ie 8.
> Also ie 7 shows the navigation buttons at the top higher off the ledge.
>
> I tried points for the text style which seems to show the best but don't know
> if this is good.
>
> I tried pixels and ems but get about the same results or worse.
>
> Is there a way to keep the fonts all the same? I see on other sites they
> look about the same in safari, mozilla, and opera browsers.
>
> Thanks!
>
> Best Regards,
> Melinda Odom
>
>
Delete the height on the outermost wrapper (let the content determine
height):
#container {
border: 1px solid red; <------ :: 4 position only-- delete
padding-bottom: 40px; <---- : : add rule
width: 980px;
margin-right: auto;
margin-left: auto;
height: 460px; <------------:: delete
background-color: #FFFCF7;
}
Re-set the font-size, and the font-stack, on the body declartion to:
body {
background-color: #F7F4EE;
background-image: url(bg_body0.jpg);
background-repeat: repeat;
color: #514E4C;
font-family: Arial, Helvetica, sans-serif; <------ :: delete
font-size: 80%; <------ :: delete
line-height: 1.5; <------ :: delete
font: normal 100%/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
<----- :: add rule
}
In other words feed Macs "Helvetica Neue", Helvetica; and, feed PCs
Arial. Feed all OS default 100% on 1.4 line-height.
Use percent thereafter throughout the style sheet on individual selectors.
If you are pimping accessibility then normally primary content p is
100%, secondary content p is 95%, and tertiary content p is 90%.
Once you get worked out, bring it back. Someone will help with remaining
corrections for IE/7.
Best,
~d
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/
