Microsoft Windows Vista Community Forums - Vistaheads
Recommended Download



Welcome to the Microsoft Windows Vista Community Forums - Vistaheads, YOUR Largest Resource for Windows Vista related information.

You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so , join our community today!

If you have any problems with the registration process or your account login, please contact us.

Driver Scanner

IE8 Standards Mode Results In Broken Blank Page When CSS Font-Size

microsoft.public.internetexplorer.general






Speedup My PC
Reply
  #1 (permalink)  
Old 03-12-2010
sevans_smd
 

Posts: n/a
IE8 Standards Mode Results In Broken Blank Page When CSS Font-Size
I also posted this question over on Stack Overflow
(http://stackoverflow.com/questions/2...ken-blank-page), but I'll add it here.

Essentially it appears that when I try to set the font-size CSS attribute on
a single element it causes IE8 to render a completely blank page when it's in
IE8 Standards mode. Below is the HTML and CSS used. As you'll note in the
Stack Overflow question, IE's also duplicating a CSS selector which may or
may not be a related issue.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="IE=8" http-equiv="X-UA-Compatible" />
<title>Page Title</title>
<link rel="shortcut icon" href="/Images/favicon.ico"
type="image/x-icon" />
<link href="/Style/main.less" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<span id="logindisplay">[ <a href="/Account/LogOn">Log On</a>
]</span>
</div>
<div class="colmask threecol">
<div class="colmid">
<div class="colleft">
<div class="col1">
<div id="title">
<h1>APP TITLE</h1>
</div>
<div class="logo">
<img alt="Application" src="/Images/info.png"
title="Application" />
</div>
<div>
<div id="company">Offered by: <span>Company
Name</span>
</div>
<div id="version">Version: 0.0.0.0</div>
</div>
</div>
<div class="col2">
<div id="menucontainer">
<ul id="menu">
<li>
<a href="/Module1" class="ciApp">
<img alt="module" height="84px"
src="/Images/Module1.png" title="module" />
<span>Module</span>
</a>
</li>
</ul>
</div>
</div>
<div class="col3">
<div id="newsfeed">
<span class="welcomemessage">Welcome to
<b>Application</b>
</span>
<div>
<span class="newsLabel">New Features</span>
<div class="newFeatures">
<p>Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Morbi egestas condimentum laoreet. Curabitur urna elit,
sagittis vel condimentum sit amet, ullamcorper suscipit diam. Suspendisse non
ligula metus, nec ultricies libero. Vestibulum molestie ornare urna, eu
posuere ipsum lacinia nec. Nulla facilisi. Curabitur elit ligula, laoreet nec
vehicula at, ornare sed metus. Suspendisse gravida mattis vulputate. Class
aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
himenaeos. Integer rutrum erat sed lacus eleifend et dapibus nisi mollis.
Nulla elementum lacus quis mauris pulvinar in accumsan odio malesuada.
Aliquam ultrices, mauris sit amet pharetra euismod, nisi nunc rhoncus est, eu
commodo nunc sem vitae risus. Ut egestas ligula eu elit blandit consequat.
Donec nunc justo, congue non mollis at, porta non massa.</p>
<p>Pellentesque consequat fermentum sapien
at dictum. In pretium varius tellus, vitae blandit sapien cursus quis.
Suspendisse potenti. Sed sollicitudin tempus elit et sodales. Vestibulum
fringilla tempus elit, vitae convallis massa laoreet vel. Nulla facilisi.
Duis dolor leo, lacinia ut ultrices eu, mollis in purus. Donec sagittis, est
id tincidunt pulvinar, magna metus pellentesque nunc, eget tincidunt metus
tellus sollicitudin tortor. Donec quis convallis nibh. In luctus, ipsum non
sodales ornare, mi lectus molestie orci, id dignissim tellus augue at
neque.</p>
<p>Phasellus ut molestie leo. Donec egestas
odio ut felis lacinia ut interdum diam interdum. Fusce at posuere tortor.
Vestibulum cursus elit quis purus porta vitae adipiscing nulla laoreet. Nam
pretium orci a sem volutpat nec rhoncus magna viverra. Aenean non orci
sapien. Nunc hendrerit sollicitudin lorem viverra porta. Pellentesque ac
porttitor elit. Mauris risus sem, dapibus eu convallis vel, posuere in nibh.
Phasellus sit amet tortor neque, aliquam volutpat massa. Sed quam libero,
porttitor a lacinia in, pellentesque in libero. Suspendisse adipiscing
laoreet lacus, eget fringilla felis tristique id. Maecenas lacinia, ante a
vulputate gravida, felis libero hendrerit dolor, non tristique ante massa
vitae leo. Aenean laoreet porta urna ullamcorper facilisis.</p>
<p>Nam a ligula a quam interdum ultricies.
Suspendisse tempor pellentesque augue at sollicitudin. Sed vulputate, erat
mollis fringilla rhoncus, nulla quam ullamcorper lacus, vel molestie metus
ipsum quis eros. Fusce eget turpis tortor, viverra volutpat leo. Vestibulum
in augue in augue fringilla volutpat sed eu purus. Ut varius lacus eget orci
consequat eget tincidunt mi placerat. Donec suscipit suscipit enim, eget
iaculis diam pellentesque in. Cras ac ante et lorem porttitor consectetur.
Maecenas semper posuere magna. Aliquam erat volutpat. Sed at ante feugiat
lectus hendrerit semper et ut elit. Aenean scelerisque fermentum justo, at
blandit risus interdum eget. Donec a nulla pellentesque erat volutpat
gravida. Nunc mattis est ac dolor dapibus viverra. Nulla facilisi.</p>
<p>Donec diam neque, lobortis quis aliquam
nec, fermentum ac quam. Cras porta nisi sed massa pellentesque vitae luctus
erat porttitor. Sed porta elit ac ligula semper eget volutpat purus
adipiscing. Mauris aliquet convallis consectetur. Aliquam vel neque sit amet
odio dapibus feugiat. Morbi vehicula porttitor cursus. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque ut
augue at tellus iaculis fringilla ut at enim. Ut sed lorem nunc. Aliquam ac
accumsan eros. Fusce faucibus, lacus in convallis commodo, turpis nisi
gravida ligula, sit amet semper odio ante sit amet lorem. Integer mollis,
nibh vel malesuada imperdiet, purus justo ullamcorper ipsum, sed volutpat
velit dui eget felis. Quisque sapien ante, dapibus quis malesuada ultrices,
tincidunt id nibh. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
</div>
</body>
</html>





CSS:
a, abbr, acronym, address, applet, b, big, caption, center, cite, code, dd,
dfn, div, dl, dt, em, fieldset, font, form, html, i, iframe, img, kbd, label,
legend, li, object, pre, s, samp, small, span, strike, strong, sub, sup,
tbody, td, tfoot, th, thead, tr, tt, u, var {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
blockquote, q {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
quotes: none;
}
body {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
line-height: 1;
width: 100%;
background: #efebde;
min-width: 600px;
}
del {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: line-through;
}
h1 {
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
font-size: 2em;
margin: .8em 0 .2em 0;
padding: 0;
}
h2 {
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
font-size: 1.8em;
margin: .8em 0 .2em 0;
padding: 0;
}
h3 {
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
font-size: 1.6em;
margin: .8em 0 .2em 0;
padding: 0;
}
h4 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
font-size: 1.4em;
}
h5 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
font-size: 1.2em;
}
h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
font-size: 1em;
}
ins {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
}
ol, ul {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
list-style: none;
}
p {
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
margin: .4em 0 .8em 0;
padding: 0;
}
table {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
border-collapse: collapse;
border-spacing: 0;
}
blockquote:before, blockquote:after, q:before, q:after { content: none; }
:focus { outline: 0; }
..bold { font-weight: bold; }
..systemFont { font-family: Arial; }
..labelled { font-style: italic; }
..groovedBorder {
border-color: #adaa9c;
border-style: groove;
border-width: medium;
}
#header, #footer {
clear: both;
float: left;
width: 100%;
}
#header p, #header h1, #header h2 {
padding: .4em 15px 0 15px;
margin: 0;
}
#header ul {
clear: left;
float: left;
width: 100%;
list-style: none;
margin: 10px 0 0 0;
padding: 0;
}
#header ul li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
#header ul li a {
background: #eeeeee;
display: block;
float: left;
left: 15px;
line-height: 1.3em;
margin: 0 0 0 1px;
padding: 3px 10px;
position: relative;
text-align: center;
text-decoration: none;
}
#header ul li a span { display: block; }
#header ul li a:hover { background: #336699; }
#header ul li a.active, #header ul li a.active:hover {
background: black;
font-weight: bold;
}
#header #logindisplay {
float: right;
padding-top: .5em;
padding-bottom: .5em;
padding-right: 1em;
padding-left: 1em;
}
#title h1 {
font-family: Arial;
font-style: italic;
font-size: 175%;
text-align: center;
margin-top: 1%;
}
..col1 {
font-family: Arial;
border-color: #adaa9c;
border-style: groove;
border-width: medium;
min-height: 350px;
float: left;
overflow: hidden;
position: relative;
padding-top: 0;
padding-bottom: 1em;
padding-left: 0;
padding-right: 0;
}
..col1 div.logo { text-align: center; }
..col3 {
font-family: Arial;
border-color: #adaa9c;
border-style: groove;
border-width: medium;
float: left;
overflow: hidden;
position: relative;
}
#layoutdims {
clear: both;
background: #eeeeee;
margin: 0;
padding: 6px 15px !important;
text-align: right;
}
#company {
padding-left: 10px;
padding-top: 10px;
margin: 0;
}
#company span {
display: block;
padding-left: 1em;
}
#version {
padding-right: 1em;
padding-top: 1em;
text-align: center;
}
#menu li {
padding: 6px;
border-color: #adaa9c;
border-style: groove;
border-width: medium;
min-width: 108px;
}
#menu li a.ciApp {
text-decoration: none;
font-size: 112.5%;
font-weight: bold;
font-family: Arial;
color: black;
}
#menu li a.ciApp span { vertical-align: top; }
..welcomemessage { font-size: 60.95%; }

..newFeatures {
overflow-y: scroll;
max-height: 300px;
}

#newsfeed div .newsLabel {
color: red;
font-size: 60.95%;
font-style: italic;
}

/************************************************** ************************************
This statement appears twice in Developer Tools. Disabling one disables
both. Disabling it also causes the page to render. Turning it on and the
page disappears again. If I change the font-size to an even 61%, the page
renders just fine.
************************************************** ************************************/
#newsfeed div .newFeatures {
margin-left: 1em;
margin-right: 1em;
font-size: 60.95%;
}
/************************************************** ************************************
************************************************** ************************************/


..colmask {
clear: both;
float: left;
position: relative;
overflow: hidden;
width: 100%;
}
..colright, .colmid, .colleft {
float: left;
position: relative;
width: 100%;
}
..col2 {
float: left;
overflow: hidden;
position: relative;
padding-top: 0;
padding-bottom: 1em;
padding-left: 0;
padding-right: 0;
}
..threecol .colmid { right: 33%; }
..threecol .colleft { right: 34%; }
..threecol .col1 {
width: 33%;
left: 100%;
}
..threecol .col2 {
width: 32%;
left: 34%;
}
..threecol .col3 {
width: 32%;
left: 68.5%;
}

Reply With Quote
Sponsored Links
  #2 (permalink)  
Old 03-12-2010
rob^_^
 

Posts: n/a
Re: IE8 Standards Mode Results In Broken Blank Page When CSS Font-Size
<link href="/Style/main.less"

don't you mean main.css

if not Tools>Internet Options - Security tab, click "Reset all zones to
default" - there is a security setting to "Open files based on extension,
not content"

Please post technical questions to the MSDN, IE Web Development Forum

http://social.msdn.microsoft.com/For...opment/threads

To help ppl answer your questions include a link to a publicly accessible
page that has been validated for CSS and markup errors.

Regards.

"sevans_smd" <sevans_smd@discussions.microsoft.com> wrote in message
news:6398A188-386A-49EB-BF71-43429683B26D@microsoft.com...
> I also posted this question over on Stack Overflow
> (http://stackoverflow.com/questions/2...ken-blank-page),
> but I'll add it here.
>
> Essentially it appears that when I try to set the font-size CSS attribute
> on
> a single element it causes IE8 to render a completely blank page when it's
> in
> IE8 Standards mode. Below is the HTML and CSS used. As you'll note in
> the
> Stack Overflow question, IE's also duplicating a CSS selector which may or
> may not be a related issue.
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml">
> <head>
> <meta content="IE=8" http-equiv="X-UA-Compatible" />
> <title>Page Title</title>
> <link rel="shortcut icon" href="/Images/favicon.ico"
> type="image/x-icon" />
> <link href="/Style/main.less" rel="stylesheet" type="text/css" />
> </head>
> <body>
> <div id="header">
> <span id="logindisplay">[ <a href="/Account/LogOn">Log On</a>
> ]</span>
> </div>
> <div class="colmask threecol">
> <div class="colmid">
> <div class="colleft">
> <div class="col1">
> <div id="title">
> <h1>APP TITLE</h1>
> </div>
> <div class="logo">
> <img alt="Application" src="/Images/info.png"
> title="Application" />
> </div>
> <div>
> <div id="company">Offered by: <span>Company
> Name</span>
> </div>
> <div id="version">Version: 0.0.0.0</div>
> </div>
> </div>
> <div class="col2">
> <div id="menucontainer">
> <ul id="menu">
> <li>
> <a href="/Module1" class="ciApp">
> <img alt="module" height="84px"
> src="/Images/Module1.png" title="module" />
> <span>Module</span>
> </a>
> </li>
> </ul>
> </div>
> </div>
> <div class="col3">
> <div id="newsfeed">
> <span class="welcomemessage">Welcome to
> <b>Application</b>
> </span>
> <div>
> <span class="newsLabel">New Features</span>
> <div class="newFeatures">
> <p>Lorem ipsum dolor sit amet, consectetur
> adipiscing elit. Morbi egestas condimentum laoreet. Curabitur urna elit,
> sagittis vel condimentum sit amet, ullamcorper suscipit diam. Suspendisse
> non
> ligula metus, nec ultricies libero. Vestibulum molestie ornare urna, eu
> posuere ipsum lacinia nec. Nulla facilisi. Curabitur elit ligula, laoreet
> nec
> vehicula at, ornare sed metus. Suspendisse gravida mattis vulputate. Class
> aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
> himenaeos. Integer rutrum erat sed lacus eleifend et dapibus nisi mollis.
> Nulla elementum lacus quis mauris pulvinar in accumsan odio malesuada.
> Aliquam ultrices, mauris sit amet pharetra euismod, nisi nunc rhoncus est,
> eu
> commodo nunc sem vitae risus. Ut egestas ligula eu elit blandit consequat.
> Donec nunc justo, congue non mollis at, porta non massa.</p>
> <p>Pellentesque consequat fermentum sapien
> at dictum. In pretium varius tellus, vitae blandit sapien cursus quis.
> Suspendisse potenti. Sed sollicitudin tempus elit et sodales. Vestibulum
> fringilla tempus elit, vitae convallis massa laoreet vel. Nulla facilisi.
> Duis dolor leo, lacinia ut ultrices eu, mollis in purus. Donec sagittis,
> est
> id tincidunt pulvinar, magna metus pellentesque nunc, eget tincidunt metus
> tellus sollicitudin tortor. Donec quis convallis nibh. In luctus, ipsum
> non
> sodales ornare, mi lectus molestie orci, id dignissim tellus augue at
> neque.</p>
> <p>Phasellus ut molestie leo. Donec egestas
> odio ut felis lacinia ut interdum diam interdum. Fusce at posuere tortor.
> Vestibulum cursus elit quis purus porta vitae adipiscing nulla laoreet.
> Nam
> pretium orci a sem volutpat nec rhoncus magna viverra. Aenean non orci
> sapien. Nunc hendrerit sollicitudin lorem viverra porta. Pellentesque ac
> porttitor elit. Mauris risus sem, dapibus eu convallis vel, posuere in
> nibh.
> Phasellus sit amet tortor neque, aliquam volutpat massa. Sed quam libero,
> porttitor a lacinia in, pellentesque in libero. Suspendisse adipiscing
> laoreet lacus, eget fringilla felis tristique id. Maecenas lacinia, ante a
> vulputate gravida, felis libero hendrerit dolor, non tristique ante massa
> vitae leo. Aenean laoreet porta urna ullamcorper facilisis.</p>
> <p>Nam a ligula a quam interdum ultricies.
> Suspendisse tempor pellentesque augue at sollicitudin. Sed vulputate, erat
> mollis fringilla rhoncus, nulla quam ullamcorper lacus, vel molestie metus
> ipsum quis eros. Fusce eget turpis tortor, viverra volutpat leo.
> Vestibulum
> in augue in augue fringilla volutpat sed eu purus. Ut varius lacus eget
> orci
> consequat eget tincidunt mi placerat. Donec suscipit suscipit enim, eget
> iaculis diam pellentesque in. Cras ac ante et lorem porttitor consectetur.
> Maecenas semper posuere magna. Aliquam erat volutpat. Sed at ante feugiat
> lectus hendrerit semper et ut elit. Aenean scelerisque fermentum justo, at
> blandit risus interdum eget. Donec a nulla pellentesque erat volutpat
> gravida. Nunc mattis est ac dolor dapibus viverra. Nulla facilisi.</p>
> <p>Donec diam neque, lobortis quis aliquam
> nec, fermentum ac quam. Cras porta nisi sed massa pellentesque vitae
> luctus
> erat porttitor. Sed porta elit ac ligula semper eget volutpat purus
> adipiscing. Mauris aliquet convallis consectetur. Aliquam vel neque sit
> amet
> odio dapibus feugiat. Morbi vehicula porttitor cursus. Cum sociis natoque
> penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque
> ut
> augue at tellus iaculis fringilla ut at enim. Ut sed lorem nunc. Aliquam
> ac
> accumsan eros. Fusce faucibus, lacus in convallis commodo, turpis nisi
> gravida ligula, sit amet semper odio ante sit amet lorem. Integer mollis,
> nibh vel malesuada imperdiet, purus justo ullamcorper ipsum, sed volutpat
> velit dui eget felis. Quisque sapien ante, dapibus quis malesuada
> ultrices,
> tincidunt id nibh. </p>
> </div>
> </div>
> </div>
> </div>
> </div>
> </div>
> </div>
> <div id="footer">
> </div>
> </body>
> </html>
>
>
>
>
>
> CSS:
> a, abbr, acronym, address, applet, b, big, caption, center, cite, code,
> dd,
> dfn, div, dl, dt, em, fieldset, font, form, html, i, iframe, img, kbd,
> label,
> legend, li, object, pre, s, samp, small, span, strike, strong, sub, sup,
> tbody, td, tfoot, th, thead, tr, tt, u, var {
> margin: 0;
> padding: 0;
> border: 0;
> outline: 0;
> font-size: 100%;
> vertical-align: baseline;
> background: transparent;
> }
> blockquote, q {
> margin: 0;
> padding: 0;
> border: 0;
> outline: 0;
> font-size: 100%;
> vertical-align: baseline;
> background: transparent;
> quotes: none;
> }
> body {
> margin: 0;
> padding: 0;
> border: 0;
> outline: 0;
> font-size: 100%;
> vertical-align: baseline;
> line-height: 1;
> width: 100%;
> background: #efebde;
> min-width: 600px;
> }
> del {
> margin: 0;
> padding: 0;
> border: 0;
> outline: 0;
> font-size: 100%;
> vertical-align: baseline;
> background: transparent;
> text-decoration: line-through;
> }
> h1 {
> border: 0;
> outline: 0;
> vertical-align: baseline;
> background: transparent;
> font-size: 2em;
> margin: .8em 0 .2em 0;
> padding: 0;
> }
> h2 {
> border: 0;
> outline: 0;
> vertical-align: baseline;
> background: transparent;
> font-size: 1.8em;
> margin: .8em 0 .2em 0;
> padding: 0;
> }
> h3 {
> border: 0;
> outline: 0;
> vertical-align: baseline;
> background: transparent;
> font-size: 1.6em;
> margin: .8em 0 .2em 0;
> padding: 0;
> }
> h4 {
> margin: 0;
> padding: 0;
> border: 0;
> outline: 0;
> vertical-align: baseline;
> background: transparent;
> font-size: 1.4em;
> }
> h5 {
> margin: 0;
> padding: 0;
> border: 0;
> outline: 0;
> vertical-align: baseline;
> background: transparent;
> font-size: 1.2em;
> }
> h6 {
> margin: 0;
> padding: 0;
> border: 0;
> outline: 0;
> vertical-align: baseline;
> background: transparent;
> font-size: 1em;
> }
> ins {
> margin: 0;
> padding: 0;
> border: 0;
> outline: 0;
> font-size: 100%;
> vertical-align: baseline;
> background: transparent;
> text-decoration: none;
> }
> ol, ul {
> margin: 0;
> padding: 0;
> border: 0;
> outline: 0;
> font-size: 100%;
> vertical-align: baseline;
> background: transparent;
> list-style: none;
> }
> p {
> border: 0;
> outline: 0;
> font-size: 100%;
> vertical-align: baseline;
> background: transparent;
> margin: .4em 0 .8em 0;
> padding: 0;
> }
> table {
> margin: 0;
> padding: 0;
> border: 0;
> outline: 0;
> font-size: 100%;
> vertical-align: baseline;
> background: transparent;
> border-collapse: collapse;
> border-spacing: 0;
> }
> blockquote:before, blockquote:after, q:before, q:after { content: none; }
> :focus { outline: 0; }
> .bold { font-weight: bold; }
> .systemFont { font-family: Arial; }
> .labelled { font-style: italic; }
> .groovedBorder {
> border-color: #adaa9c;
> border-style: groove;
> border-width: medium;
> }
> #header, #footer {
> clear: both;
> float: left;
> width: 100%;
> }
> #header p, #header h1, #header h2 {
> padding: .4em 15px 0 15px;
> margin: 0;
> }
> #header ul {
> clear: left;
> float: left;
> width: 100%;
> list-style: none;
> margin: 10px 0 0 0;
> padding: 0;
> }
> #header ul li {
> display: inline;
> list-style: none;
> margin: 0;
> padding: 0;
> }
> #header ul li a {
> background: #eeeeee;
> display: block;
> float: left;
> left: 15px;
> line-height: 1.3em;
> margin: 0 0 0 1px;
> padding: 3px 10px;
> position: relative;
> text-align: center;
> text-decoration: none;
> }
> #header ul li a span { display: block; }
> #header ul li a:hover { background: #336699; }
> #header ul li a.active, #header ul li a.active:hover {
> background: black;
> font-weight: bold;
> }
> #header #logindisplay {
> float: right;
> padding-top: .5em;
> padding-bottom: .5em;
> padding-right: 1em;
> padding-left: 1em;
> }
> #title h1 {
> font-family: Arial;
> font-style: italic;
> font-size: 175%;
> text-align: center;
> margin-top: 1%;
> }
> .col1 {
> font-family: Arial;
> border-color: #adaa9c;
> border-style: groove;
> border-width: medium;
> min-height: 350px;
> float: left;
> overflow: hidden;
> position: relative;
> padding-top: 0;
> padding-bottom: 1em;
> padding-left: 0;
> padding-right: 0;
> }
> .col1 div.logo { text-align: center; }
> .col3 {
> font-family: Arial;
> border-color: #adaa9c;
> border-style: groove;
> border-width: medium;
> float: left;
> overflow: hidden;
> position: relative;
> }
> #layoutdims {
> clear: both;
> background: #eeeeee;
> margin: 0;
> padding: 6px 15px !important;
> text-align: right;
> }
> #company {
> padding-left: 10px;
> padding-top: 10px;
> margin: 0;
> }
> #company span {
> display: block;
> padding-left: 1em;
> }
> #version {
> padding-right: 1em;
> padding-top: 1em;
> text-align: center;
> }
> #menu li {
> padding: 6px;
> border-color: #adaa9c;
> border-style: groove;
> border-width: medium;
> min-width: 108px;
> }
> #menu li a.ciApp {
> text-decoration: none;
> font-size: 112.5%;
> font-weight: bold;
> font-family: Arial;
> color: black;
> }
> #menu li a.ciApp span { vertical-align: top; }
> .welcomemessage { font-size: 60.95%; }
>
> .newFeatures {
> overflow-y: scroll;
> max-height: 300px;
> }
>
> #newsfeed div .newsLabel {
> color: red;
> font-size: 60.95%;
> font-style: italic;
> }
>
> /************************************************** ************************************
> This statement appears twice in Developer Tools. Disabling one disables
> both. Disabling it also causes the page to render. Turning it on and the
> page disappears again. If I change the font-size to an even 61%, the page
> renders just fine.
> ************************************************** ************************************/
> #newsfeed div .newFeatures {
> margin-left: 1em;
> margin-right: 1em;
> font-size: 60.95%;
> }
> /************************************************** ************************************
> ************************************************** ************************************/
>
>
> .colmask {
> clear: both;
> float: left;
> position: relative;
> overflow: hidden;
> width: 100%;
> }
> .colright, .colmid, .colleft {
> float: left;
> position: relative;
> width: 100%;
> }
> .col2 {
> float: left;
> overflow: hidden;
> position: relative;
> padding-top: 0;
> padding-bottom: 1em;
> padding-left: 0;
> padding-right: 0;
> }
> .threecol .colmid { right: 33%; }
> .threecol .colleft { right: 34%; }
> .threecol .col1 {
> width: 33%;
> left: 100%;
> }
> .threecol .col2 {
> width: 32%;
> left: 34%;
> }
> .threecol .col3 {
> width: 32%;
> left: 68.5%;
> }
>

Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
changing default Font and Font Size cap10 microsoft.public.windows.vista.mail 1 02-03-2010 14:04
IE 8 font/font size change after yesterday's patch - anyone else? sduraybito microsoft.public.internetexplorer.general 10 07-31-2009 04:10
Input font size or auto complete font size too small highperf4x4 microsoft.public.internetexplorer.general 14 04-24-2009 23:17
Is the IEEE standards process broken? Steve Security News 0 03-05-2007 10:46
Reduce font size or increase size of program guide grid? Dan microsoft.public.windows.vista.music pictures video 0 02-04-2007 09:31




All times are GMT +1. The time now is 06:39.




Driver Scanner - Free Scan Now

Vistaheads.com is part of the Heads Network. See also XPHeads.com , Win7Heads.com and Win8Heads.com.


Design by Vjacheslav Trushkin for phpBBStyles.com.
Powered by vBulletin® Version 3.6.7
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.6.0 RC 2

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