Advertisement

07.29.2008 at 08:32AM PDT, ID: 23604345 | Points: 500
[x]
Attachment Details

the page changed font size after viewing the details of data grid on this page

Asked by BostCelt in Cascading Style Sheets (CSS), C# Programming Language, Programming for ASP.NET

Experts,

this is my first time working with master page and I have a problem that needs to be resolved.  My page looks fine when I ran it without the master page attached to it but when I added the master page in, the font size became bigger includding the menu from master page.  I tried to trace them down but didn't find out the cause of it.  Here is my aspx and css file.  Any help would be appreciated.Start Free Trial 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:

<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/MasterTemplates/DBQA.Master" CodeBehind="ReviewQueuedRecords.aspx.cs" Inherits="USIS.Enterprise.DBQA.ReviewQueuedRecords"%>
<%@ Register TagPrefix="expo" Namespace="BWSLib" Assembly="SuperGrid" %>
 
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div>
    <table id="pageheader">
        <tr>
            <td></td>
        </tr>
        <tr>
            <td> Review Queued Records
            </td>
        </tr>
        <tr></tr>
        <tr>
            <td>
            </td>
        </tr>
    </table>
    <table id="tblWarning" visible="true">
        <tr>
            <td>
                <asp:Label id="lblError" runat="server" ForeColor="Red" Font-Size="Medium"></asp:Label>
            </td>
        </tr>
    </table>
    <table border="1" runat="server">
        <tbody>
	        <tr>
					<td align="center" style="WIDTH: 1000px;" valign="top">
                        <expo:supergrid id="Grid" runat="server" Width="1000px" OnPageIndexChanged="PageIndexChanged" OnSelectedIndexChanged="SelectionIndexChanged" AllowSorting="true"  
								OnItemCommand="ItemCommand" DataKeyField="VaultID" AllowPaging="true" Font-Names="verdana" BorderWidth="1" BorderColor="black" BorderStyle="solid"
								CellSpacing="0" CellPadding="2" BackColor="white" AutoGenerateColumns="false"  SortExpression="VaultID" pagesize="25" OnUpdateView="UpdateDataView">
								<AlternatingItemStyle CssClass="userGridEven"/>
								<ItemStyle CssClass="userGridOdd"/>
								<PagerStyle CssClass="userGridPager" Mode="NumericPages" HorizontalAlign="Right" />
								<SelectedItemStyle CssClass="userGridSelected"/>
								<HeaderStyle CssClass="userGridHeader" ForeColor="#FF9900"/>
								<columns>
					    <asp:ButtonColumn CommandName="Select" ItemStyle-HorizontalAlign="center" runat="server" SortExpression="VaultID"
						    DataTextField="VaultID" HeaderText="VaultID"/>
					    <asp:ButtonColumn CommandName="Select" ItemStyle-HorizontalAlign="center" runat="server" SortExpression="Jurisdiction"
						    DataTextField="Jurisdiction" HeaderText="Jurisdiction" />
					    <asp:ButtonColumn CommandName="Select" ItemStyle-HorizontalAlign="center" runat="server" SortExpression="firstname"
						    DataTextField="firstname" HeaderText="firstname" />
					    <asp:ButtonColumn CommandName="Select" ItemStyle-HorizontalAlign="center" runat="server" SortExpression="middlename"
						    DataTextField="middlename" HeaderText="middlename" />
					    <asp:ButtonColumn CommandName="Select" ItemStyle-HorizontalAlign="center" runat="server" SortExpression="Firstname"
						    DataTextField="lastname" HeaderText="lastname" />
					    <asp:ButtonColumn CommandName="Select" ItemStyle-HorizontalAlign="center" runat="server" SortExpression="lastname"
						    DataTextField="dob" HeaderText="DOB" />
					    <asp:ButtonColumn CommandName="Select" ItemStyle-HorizontalAlign="center" runat="server" SortExpression="DOB"
						    DataTextField="gender" HeaderText="Gender" />
					    <asp:ButtonColumn CommandName="Select" ItemStyle-HorizontalAlign="center" runat="server" SortExpression="gender"
						    DataTextField="offensedescription" HeaderText="offensedescription" />
						<asp:ButtonColumn CommandName="Select" ItemStyle-HorizontalAlign="center" runat="server" SortExpression="offensedescription"
						    DataTextField="courtcasenumber" HeaderText="courtcasenumber" />
						<asp:ButtonColumn CommandName="Select" ItemStyle-HorizontalAlign="center" runat="server" SortExpression="offensedate"
						    DataTextField="offensedate" HeaderText="offensedate" />
				    </columns>
						</expo:supergrid></td>
			</tr>
		</tbody>
	</table>
	<table>
	    <tr >
	        <td style="width: 1000px" align ="center">
	            <asp:Button ID="btnOK" runat="Server" Text="OK" Width="91px" Enabled="False" OnClick="btnOK_Click"/>
	            <asp:Button ID="btnClose" runat="Server" Text="Close" Width="91px" OnClick="btnClose_Click"/>
	            <asp:Button ID="btnExport" runat="Server" Text="Export" Width="91px" OnClick="btnExport_Click"/>
	       </td> 
	    </tr>
	</table>
</div> </asp:Content>
 
 
Master page aspx:
 
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="DBQA.master.cs" Inherits="USIS.Enterprise.DBQA.MasterTemplates.DBQA" %>
 
<!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 runat="server">
    <title>DBQA</title>
    <link rel="stylesheet" type="text/css" href="../css/DBQA.css" />
<script type="text/javascript">
 
sfHover = function() 
    {
	    var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	    for (var i=0; i<sfEls.length; i++) 
	    {
		    sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
 
</script>
</head>
<body style="width:1000px;">
<form id="form1" runat="server">
<div id="menu">
<img id="image" src="../Images/usislogo.bmp"/ alt="USIS Logo" />
<p id="title">
    DBQA</p>
<ul id="nav" onclick="return nav_onclick()">
    <li style="width: 15em;"><a href="../ReviewQueuedRecords.aspx" style="width: 20em">Review Queued Records</a></li>
	<li style="width: 15em;"><a href="../SourceStatistics.aspx" style="width: 20em">Source Statistics</a></li>
    <li style="width: 15em;"><a>Reports</a>
		<ul>
		    <li><a href="../Reports.aspx" style="width: 15em">Action Taken</a></li>
			<li><a href="../Reports.aspx" style="width: 15em">Audit Details</a></li>													
			<li><a href="../Reports.aspx" style="width: 15em">Records Queued for Review</a></li> 
		</ul>
	</li>
</ul>
</div> 
    <div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
    </div> 
    </form>
</body>
</html>
 
 
 
 
 
CSS file:
 
body {
	font: 78%/1.5 arial, helvetica, serif;
	background: #cccccc;
	text-align: left;
	padding: 0;
	margin: 2em;
	width: 1000px;
}
 
#menu {
	width: 1000px;
	background: #cccccc;
	text-align: left;
	border: 0px solid #eda;
	margin: 0 auto;
}
 
#image 
{
	position:absolute;
	top:23px;
	left:27px;
	height:102px;
}
 
p {
	background: #cccccc center no-repeat;
	margin: 1em 2em;
}
 
p#title {
	background: transparent;
	font-style: italic;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	color: #7C6240;
	font-family: 'Book Antiqua', 'Arial Rounded MT Bold', 'Lucida Sans Typewriter';
}
 
#title strong {
	font-size: 4.2em;
	color: black;
}
 
h1 {
	height: 108px;
	background: #cccccc bottom center no-repeat;
	text-indent: -999em;
	margin: 1em 0 0 0;
}
 
#nav, #nav ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding: 0;
	border: solid #eda;
	border-width: 1px 0;
	margin: 0 0 1em 0;
}
 
#nav a {
	display: block;
	color: #7C6240;
	text-decoration: none;
	padding: 0.25em 2em;
	width: 10em;
	width: 6em; 
}
 
#nav li {
	float: left;
	padding: 0;
	width: 10em;
}
 
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 10.4em;
	width: 15em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}
 
/*Hover on reports*/
#nav li li {
	padding-right: 1em;
	width: 14em;
}
 
#nav li ul a {
	width: 10em;
	width: 15em;
}
 
#nav li ul ul {
	margin: -1.75em 0 0 15em;
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left:auto;
}
 
#nav li:hover, #nav li.sfhover {
	background: #eda;
}
 
#content {
	clear: left;
	font-size: 40px;
}
 
#content a {
	color: #7C6240;
}
 
#content a:hover {
	text-decoration: none;
}
 
#scaffolding {
	height: 70px;
	background: white no-repeat;
	border: solid #eda;
	border-width: 1px 0 0 0;
	margin: 1em 0 0 0;
}
 
#scaffolding a:hover {
	background-position: 181px -70px;
}
#pageheader
{
	width: 1000px;
	height:100px; 
	text-align:left;
	font-size: 20px; 
	color: black; 
	font-family: 'Bodoni MT';
}
#gridtable
{  
	padding: 1;
	border-spacing: 1;
	width: 976px;
	text-align:center;
}
.userGridSelected
{ 
	font-family: 'Microsoft Sans Serif' , Sans-Serif;
	BACKGROUND-COLOR:#FFFF99;
	border-style:solid;
	border-color:Black;	
}
.userGridEven
{
	font-size:x-small;
	vertical-align:middle;
	color:#00008B;
	BACKGROUND-COLOR:#EEEEEE;
	font-family: 'Microsoft Sans Serif' , Sans-Serif;
	}
.userGridHeader
{
	vertical-align:middle;
    font-weight:bold;
    BACKGROUND-COLOR:#382D2C;
    font-family: 'Microsoft Sans Serif' , Sans-Serif;
    font-size:small;
}
.userGridOdd
{
	vertical-align:middle; 
	BACKGROUND-COLOR:#CCCCCC;
	color:#00008B;
	font-family:'Microsoft Sans Serif' , Sans-Serif;
	font-size:x-small;
}
.userGridPager
{
	font-size: 0.8em;
	BACKGROUND-COLOR: #999999;
	COLOR: #FFFFFF;
}
 
Keywords: the page changed font size after viewi…
Title
1 Font properties in a userform
2 CSS Above Font Space Adjust?
3 using the 'em' font size
4 Dynamic fonts
5 CSS PHP HTML: Font Embedding
6 Change font-size if client doesn't ha…
 
Loading Advertisement...
 
[+][-]07.31.2008 at 10:07AM PDT, ID: 22131567

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]08.06.2008 at 08:59PM PDT, ID: 22177750

Experts Exchange has a courteous staff of administrators who help members get the most out of the website by means of administrative comments like this one.

Start your 7-day free trial to view this Administrative Comment or ask the Experts your question.

 
[+][-]08.06.2008 at 09:11PM PDT, ID: 22177805

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
 
Loading Advertisement...
20080716-EE-VQP-32 / EE_QW_2_20070628