html - How can I fix a div floating behind another div when it isn't meant to? (CSS included below) -


I am creating a very noob-eye website with the rules of CSS (never see blank rules), But somehow heading behind the Cadrops-Top Navbar is limited to how I display the header and the rest of the content. Help me fix this (please!)

  html, body {} # page-container {} #content {} Codrops-top {line-height: 24px; Font-size: 16px; Background: # 262525; Background: RGBA (0,0,0,0,5,5); Text-transform: uppercase; Status: Completed; Width: 100%; Top: 0; Left: 0; Font-family: 'Open Sense', without Serif; Box-shadow: 1 px 0 px 2 px rgba (0,0,0,0.2); }. Codrops-top {padding: 0px 20px; Letter-spacing: 1px; Color: #F3FFF; Display: Inline-block; Text-decoration: None; }. Codrops-top a: hover {background: rgba (255,255,255,0.4); }. Codrops-top span.right {} Codrops-top span.right A {display: block; }. Selected {background: RGBA (255,255,255,0.4); }. Interpersonal style (background color: #ffffff; Opacity: .4; }. Hidden {display: none; }  

Below are HTML code, this is a real mess but I remember the basic HTML like this:

   & Lt; Link href = "css / bootstrap / css / bootstrap.css" rel = "stylesheet" /> & Lt; Meta name = "viewport" content = "width = device-width, initial-scale = 1.0" & gt; & Lt; Meta http-equiv = "content-type" content = "text / html; charset = UTF-8" /> & Lt; Meta name = "keyword" content = "28cup, 28 cups, 28 cups 2015, mpcasis 28, mpek oasis 28, mpecisis, mpc oasis" /> & Lt; Body & gt; & Lt; Div id = "page-container" & gt; & Lt; Div class = "codrops-top" & gt; & Lt; Center & gt; & Lt; Period & gt; & Lt; A href = "index.php" & gt; & Lt; Strong> Home & lt; / Strong> & Lt; / A & gt; & Lt; A href = about.php & gt; & Lt; Strong> About & lt; / Strong> & Lt; / A & gt; & Lt; A href = "melto: osisavartana@gmail.com" & gt; & Lt; Strong & gt; Contact VIA e-mail & lt; / Strong> & Lt; / A & gt; & Lt; A href = "http://goo.gl/forms/oXBZKgpFzk" & gt; & Lt; Strong> INPUT ASPIRASI 28 cups & lt; / Strong> & Lt; / A & gt; & Lt; / Span & gt; & Lt; / Center & gt; & Lt; Div class = "clr" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt ;! - / CODROPS TOP BACK - & gt; & Lt; Div class = "header" & gt; & Lt; H3 & gt; LOLOLOLOLOLOLOLOLOLOLOLOLOL & lt; / H3 & gt; & Lt; / Div & gt; & Lt; Div class = "content" & gt; & Lt; P & gt; Sdfwsdvchwdhcirhgtierguheriucyergchiwergciergfaefhozarceac, asirf, weirc, isdfhoxweht, cowheoithciweticheish, icweiltc & lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;  

It has been for a long time because I have created a web page from the ground, sorry if you confuse all the people.

You can use relative posts in the CSS in the case of a divisor other than the other. for example;

  # div1 {status: relative; } # Div2 {status: absolute; Bottom: 0 pixels; }  

Comments

Popular posts from this blog

java - Can't add JTree to JPanel of a JInternalFrame -

javascript - data.match(var) not working it seems -

javascript - How can I pause a jQuery .each() loop, while waiting for user input? -