Thanks for your help, Wim - index.php attached as a txt file.
That index file is as clean as possible.
The large fonts occur only when ajax-dashboard.php is run. Both the top part and the forecast part are affected.
The font-size for the table elements is at run time changed to 16px, on a few other other pages I checked, the font-size remains correctly at the default 12px.
When you set
widescreen on in the menu area => all tables are OK, fontsize remains at 12px.
The difference between further identical widescreen
.ajaxDashboard .data1
font-size: 100%;
}
and narrow css
.ajaxDashboard .data1 {
font-size: 9pt;
}
As a test: manually setting the fontsize on a widescreen page to 100% results in the same, far to large font, as in the narrow css
A quick fix for now, change in the
.ajaxDashboard .data1 setting in your default narrow stylesheet to
font-size: 9pt;Finding the reason for this, is nearly impossible, as there are a hundred+ html errrors when running the html checker.
Example: this is sent from your server when your startpage is requested:
<head>
<style type="text/css">
.auto-style1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
</style>
</head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- ##### start AJAX mods ##### -->
That piece of extra "head" coding is also inserted on other pages, but on the startpage it is inserted twice.
You should put some effort in removing all those errors, 10 errors on a status-page, over 80 on the startpage.
Wim