css - Web Pages Borders & Screen Resolution Problems -


When I change my screen resolution, the main navigation of my web page bottom border magically half length of my web pages Reduces web page flow How do I fix this problem? CSS is below.

  #in-nav {width: 100%; Background: black; font-weight: bold; Border bottom: 5px solid blue; float right; Margin: 0 px; Padding: 0 pixels; } #mood-nyu ul {width: 1024px; Margin: 0 px auto; Text align: right; Padding: 0 pixels; List-style-type: none; } #national-nav li {float: right; Margin-left: 1px; Padding: 0 pixels; } # Main-nav is a {text-align: center; Color: #fff; Text-decoration: None; Padding: 10px 15px; Background: blue; Swim left; } #major-nav a. Active # Head-nav A: Hover {background-color: # 467 AFE; Color: #fff; }  

Here's HTML:

  & lt; Div id = "main-nav" & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = "#" headline = "" & gt; Link & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" headline = "" & gt; Link & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" headline = "" & gt; Link & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" headline = "" & gt; Link & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" headline = "" & gt; Link & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" headline = "" class = "active" & gt; Link & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt;  

It is impossible to tell without a link to the webpage in question, but this:

Width: 50%;

Looks suspicious in .beta What is beta doing?


Comments

Popular posts from this blog

c# - ListView onScroll event -

PHP - get image from byte array -

Linux Terminal Problem with Non-Canonical Terminal I/O app -