css - one section overlapped by other on html page -

-

I have created a page with some layouts with CSS :) The problem is that the section area is overlapping the header area Is ... :) How to solve this? The header area should be at the top, and then the section area should be displayed

HTML code: 

  & lt; Header style = "width: auto, outline: 1 px solid red, position: relative;" & gt; & Lt; Div style = "width: 150px; outline: 1 px solid green;" & Gt; XXXXX picture xxxxx picture xxxxx image & lt; / Div & gt; & Lt; Div style = "width: 810px; height: 70px; outline: 1 px solid yellow" & gt; & Lt; Div style = 'position: relative; Width: Auto; Height: 100%; Profile: 1px solid red; '& Gt; & Lt; Div style = "position: full; top: 50%; height: 20px; width: 100%; margin-top: -10px; outline: 1 px solid green;" & Gt; & Lt; Div style = "float: left; padding: 0 20;" Class = "blue" & gt; News & lt; / Div & gt; & Lt; Div style = "float: left; padding: 0 20;" Class = "blue" & gt; Tax Tips & lt; / Div & gt; & Lt; Div style = "float: left; padding: 0 20;" Class = "blue" & gt; Lifestyle & lt; / Div & gt; & Lt; Div style = "float: right; padding: 0 20;" & Gt; XXXXXX & lt; / Div & gt; & Lt; Div style = "float: right; padding: 0 20;" & Gt; XXXXXX & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Header & gt; & Lt; Section & gt; & Lt; Div class = 'post' & gt; & Lt; Div class = 'post-title' gt; & Gt; TITLE TITLE TITLE TITLE & lt; / Div & gt; & Lt; Div class = 'technical-title' gt; & Gt; & Lt; Div class = 'added' & gt; Mark Neubouck & lt; / Div & gt; & Lt; Div square = 'added-at' & gt; 10: 10: 00 12/12/2014 & lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = 'post-body' & gt; & Lt; P & gt; Body body body body body body body body body body body & lt; / P & gt; & Lt; P & gt; Body body body body body body body body body body body & lt; / P & gt; & Lt; P & gt; Body body body body body body body body body body body & lt; / P & gt; & Lt; P & gt; Body body body body body body body body body body body & lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Section & gt;

CSS code: 

  .blue {color: blue; } .post {width: auto:} .added-by {float: left; Font-size: 10px; } .added-at {float: right; Font-size: 10px; } .post {// status: static; First of all, I will suggest you use instead of using inline styles.

< / P>

Then it is related to your problem. You are using the absolute position to place the contents in the header section, which takes the elements out of the flow and then any place It does not take its container height = 0 . To create inline, try with float instead of status: full

  1. inline Remove the styles for the full position and then add it. 

      header> Div {float: left; } Header: After {Content: ""; Display: Table; Clean both; }

This


Comments

Post a Comment

Popular posts from this blog

HTML/CSS - Automatically set height width from background image? -

-
Long time ... I do not think it's possible, but I'm shocked before! I tag anchor tags, all of which are background images, all 300px wide but their height is all the difference, is it really set to do without typing altitude? Is it to set the dimensions of BG URL? Thank you! I do not think people understand - my mistake is to hurry the question. Here is the code as an example: # ago -1 {width: 300px; Height: 410px; Background: url ('/ image-1.jpg');} # East -2 {width: 300px; Height: 420px; Background: url ('/ image-2.jpg');} # Pre-3 {width: 300px; Height: 430px; Background: url ('/ image-3.jpg');} # Pre-4 {width: 300px; Height: 440px; Background: url ('/ image-3.jpg');} & lt; A href = "#" id = "ex-1" & gt; & Lt; / A & gt; & Lt; A href = "#" id = "ex-2" & gt; & Lt; / A & gt; & Lt; A href = "#" id = "pre-3" & gt; & Lt; / A & gt...
Read more

php - Mysql Show Process - Sleep Commands and what to do -

-
I am thinking that there is something that I can do better so that my process list should start with the command with MySQL Be clear Currently I am looking for a lot: 17325 user_a localhost db_1 sleep 1132 NULL 17464 user_a localhost db_1 sleep 1124 NULL 17983 user_a localhost db_1 sleep 1078 null 18113 user_a localhost db_1 sleep 1068 NULL 18207 user_a localhost db_1 sleep 1060 NULL 18231 user_a localhost db_1 sleep 1058 NULL 18353 user_a localhost db_1 sleep 1047 NULL 18447 user_a localhost db_1 sleep 1040 null 18489 user_a localhost db_1 sleep 1036 NULL 23408 user_a localhost db_1 sleep 637 NULL Something in my phpscript is that I want to clean it Can i The script looks like: Select the ID from $ q = 'db_1 where fkId = 2'; $ Ar = mysql_query ($ q); ($ Line = mysql_fetch_array ($ qr)) {echo ($ row ['id'];} Thanks in advance! I'm guessing that when you have 10 threads, you're constantly using the connectio...
Read more

c - What is the address of buf (the local variable in the main function)? -

-
I had exercise with programming in c or classes and I followed the question: Is Buf (local variable in main function)? Either enter the answer in hexadecimal format (like 0x 8 "digits" 0-9 or A-F, 0xbfff0014) or in decimal format. Note here that we want the address of the buff, not its content. The code looks like this: int main (int argc, char * argv []) {while (1) {four buff [1024] = {0}; Int r; .... I then started the code and put the built code in the buff [1024] line and in Typed Gdb p & amp; Buf and it gives me results: 0xbffff0f0 But when I use it in this quiz it gives me the result that this value is wrong. My question is this: Is this the name of the Buff variable (P & E)? Or if not, why not? Exercise is done on the virtualbox machine, so I think everyone should be the same address There is no correct numerical answer, the address may vary from one time to another, it is a programming drill that you say the following three...
Read more