I have created a page, which has a Header, that stays where it is, even if I scroll the page.
The issue is, when I do a browser based word find by hitting Ctrl+f key, and try to search something on my webpage, the search goes behind the Header div. And I have scroll down to see the searched work (which gets highlighted for the part the browser searched).
I noticed that gmail has a header also, which also stays stationary on scroll of the page, and they do handle this “find” issue as well.
Any suggestions of how can I fix this.
Providing a sample source of my page below:
<html>
<head>
<style>
#masthead {
background-color: #131623;
border-bottom: 4px solid #FFFFFF;
border-top: 0 none;
left: 0;
min-width: 980px;
position: fixed;
top: 0;
width: 100%;
}
#masthead {
border-bottom: 0 none;
border-top: 4px solid #171A23;
left: 0;
min-width: 980px;
position: fixed;
top: 0;
width: 100%;
z-index: 900;
}
#masthead {
border-bottom: medium none;
border-top: 0 none;
box-shadow: none;
overflow: visible;
position: fixed;
}
#masthead {
background-color: #131623;
border-bottom: 4px solid #FFFFFF;
border-top: 1px solid #666666;
left: 0;
min-width: 980px;
position: fixed;
top: 0;
width: 100%;
z-index: 900;
}
div, p, span, a, li, strong {
font-family: Arial,sans-serif;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, li, fieldset, form, label, legend {
border: 0 none;
font-size: inherit;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}
</style>
</head>
<body>
<div id="masthead">
<div id="universal-nav" style="height:40px; background-color:#eaeaea;" >
</div>
<div class="menu-subtabs" style="height:30px; background-color:#fafafa;"">
<h2>SalesOne</h2>
</div>
</div>
</br></br></br></br></br>
<table border="0" summary="Content Block">
<tr>
<td>
<p xmlns="">
<a href="#Win">Win Summary</a>
<br/>
<a href="#Client">Client</a>
<br/>
<a href="#Overview">Project Overview</a>
<br/>
</p>
<p xmlns="" id="Win">
<strong>
<font color="#008000">Win Summary</font>
</strong>
</p>
<p xmlns="">
Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.</p>
<p xmlns="" id="Client">
<font color="#008000">
<strong>Customer</strong>
</font>
</p>
<p xmlns="">
<a href="http://www.yara.com/">Yara International ASA</a>Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.Located in Norway, Yara International ASA is the world™s leading chemical company that converts energy, natural minerals and nitrogen from the air into essential products for farmers and industrial customers. Through their environmental and industrial products, they help safeguard air and water quality and preserve food quality.
</p>
<p xmlns="" id="Overview">
<strong>
<font color="#008000">Project Overview</font>
</strong>
</p>
<p xmlns="">
ITS Enterprise Services - security services will provide hosted and managed services as part of SO project for data center hosting and management. The security components include:</p>
</td>
</tr>
</table>
</body>
</html>
</html>
Thanks in advance,
Zeeshan
Gmail has a div with overflow scroll, so they never hide anything under their header. You should do so too, by not using position fixed and let the content part be as big as it can without go outside of your window viewport. Try something like this: