javascript - Footer is obscuring content in simple 1 column sandwiched css layout -

-

I am trying to get a simple mechanic to work with CSS and I'm walking in the walls I am

The general layout is that I have a single column layout with headers and footers, I want the headers and footers to remain "fixed" above and below the viewport and I want the center section Adjust the remaining part to fill it with a vertical scroll bar, if there is too much content

I think I am very close, but the point is that the bottom of the page behind the central div footerIs spread out. I am guessing this problem that I have mentioned the height of the central divisor is 100% ... I think it is boil to know about decreasing the height of the fixed footer and keeping central divisions accountable. . Can it be done entirely with CSS move or do I have to use javascript for the screen size query and calculate the offset?

I have tried to add padding and margins to the lower part of the central device. It was not working and even if it was, the best part is that all the material should be visible, but the scroll bar will still roam behind the footer, which is not so clear any help Will be appreciated. Thanks!

HTML: 

  & lt; Div class = "container" & gt; & Lt; Div class = "header" & gt; Header & lt; / Div & gt; & Lt; Div class = "content" & gt; & Lt; H2 & gt; Layout & lt; / H2 & gt; Too many lessons & lt; / Div & gt; & Lt; Div class = "footer" & gt; & Lt; P & gt; Footer & lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt;

CSS: 

  html, body {height: 100%; Overflow: hidden;}. Container {width: 70%; Background color: #fff; Height: 100%; Status: Relative; Hidden flurry; } .header {background-color: # 6F7D94; Height: 60px; } .content {status: relative; Padding: 10px 10px; Overflow-y: scroll; Overflow-X: Hidden; Height: 100%; Margin-down: 60px; } .footer {status: complete; Bottom: 0; Height: 60px; Width: 100%; Padding: 0; Background-color: # 6F7D94; }

I

you status: absolute; Also on your .content : 

  .content {status: complete; Top: 60px; / * Height of title * / left: 0; Bottom: 60px; / * Footer height * / padding: 10px 10px; Overflow-y: scroll; Overflow-X: Hidden; }

Comments

Post a Comment

Popular posts from this blog

import - Python ImportError: No module named wmi -

-
I followed the instructions for downloading WMI for Python When I try to run the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = wmi.WMI (): if Raw_input ("restart% s?"% S.Caption) .upper () == "Y": s.StartService () I got the error < Code> traceback (most recent call end): file ". \", Line 1, edit: I am using Python 2.7.6 EDIT2: I am running 64-bit Windows 2008 R2, and I've downloaded WMI-1.4.9.zip (md5). I removed the content and put it in D: Python \ Tools \ Scripts I executed dragon setup.py.install I said D : \ Python \ tools \ scripts to% PATH% and when I execute the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = Wmi.WMI (): If raw_input ("Restart% s?"% S. Caption). () == "Y": s.StartService () error me Gets traceback (most recent call final): File ". See \", line 1, &
Read more

Editing Python Class in Shell and SQLAlchemy -

-
I am working on the terminal on a shell script after this tutorial SQLAlchemy tutorial. I need to type gt; & Gt; & Gt; Sqlalchemy import column, integer, string & gt; & Gt; & Gt; Class user (base): __tablename__ = 'users' id = column (integer, primary_key = true) name = column (string) absolute name = column (string) password = column (string) def __repr __ (self): return "& lt ; User (name = '% s', absolute name = '% s', password = '% s') & gt; "% (Self.name, self.fullname, self.password) After the problem I have typed the password = column (string) I hit twice and changed .... >> I then took everything back but then an error was thrown because the class already exists ... I am not completely sure how to fix it. How do I open that slip in the shell script and edit it (Add DF to DRR) The error thrown below: / user / giripeters / TFSQLLX / Lib / python2.7 / site-packages / sqlalchemy / ext / decla
Read more

c# - MySQL Parameterized Select Query joining tables issue -

-
I am using parameterized select questions in conjunction with my program and it works entirely, When I try to join the table Everything I have done is a small fraction: using (MySqlCommand cmd = new MySqlCommand (paramQuery) ToSql (), Connection)) /etc/ paramQuery.ToSql () Equal: "Select TableOne ID, Tableon, Department, Tablet. One by name table, Table 2 h Yes TableOnEID = @Pharmak "* / for (Int Index = 0; Index and Lt; ParamariX Parameter (.c calculation; Index ++) Cmd.Parameters.AddWithValue (paramQuery.Parameters (). ElementAt (index). , ParamQuery.Parameters (). ElementAt (index) .Value); / * ParamQuery.Parameters (). ElementAt (index) .k = "@most 0" paramQuery.Parameters (). ElementAt (index) .Value = "tableTwo.ID" * / MySqlDataReader Reader = cmd.ExecuteReader (); While (reader.Read ()) {// do stuff} } One of the tables I attempt to join is For the table, two with the same id for all. Is there something that I'm doing wrong?
Read more