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
Post a Comment