css - Header Doesn't Stretch Properly -
I have this problem when I fall down my webpage, instead of spreading the entire page, the headers shrink
< P>
In this situation, I really do not know Code to post with it. I have tried various ways to fix this and do not feel like doing anything, do anybody know what it is but what is happening? Here my header is HTML and CSS:
#header {background-color: # C67171; Width: 100%; } #headtop {text-align: right; Width: 1000 pixels; Margin: 0 auto; Vertical-row: middle; Height: 58px; } A.nav {text-decoration: none; Font-size: 15px; Font-family: sans-serif; Color: #ffffff; Line-height: 58px; Padding: 20px 12px; & lt; Div id = "header" & gt; & Lt; Div id = "headtop" & gt; & Lt; A href = "about.html" class = "nav" & gt; About & lt; / A & gt; & Lt; A href = "gallery.html" class = "nav" & gt; Gallery & lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; This is too much for styling, however any help is appreciated!
Edit pictures illustrating the result of the code.
This page is just like Looks. In this way I want to see it. But for some reason, when I collapse the page, I have a problem in the picture above. I do not want to get a stretch link outside my page, which does not fix my problem.
#header {background-color: # C67171; Display: inline-block; } #headtop {text-align: right; Width: 1000 pixels; Margin: 0 auto; Vertical-row: middle; Height: 58px; } A.nav {text-decoration: none; Font-size: 15px; Font-family: sans-serif; Color: #ffffff; Line-height: 58px; Padding: 20px 12px; & lt; Div id = "header" & gt; & Lt; Div id = "headtop" & gt; & Lt; A href = "about.html" class = "nav" & gt; About & lt; / A & gt; & Lt; A href = "gallery.html" class = "nav" & gt; Gallery & lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt;
Comments
Post a Comment