html - 100% div height -

-

Everyone

I am preparing a webpage with a liquid layout. I want to keep the width of 100% and the height 100%. The problem is that I do not know the way to keep "left" and "right" divs with 100% height inside my parents div "wrapper" 

  & lt; Div id = "container" style = "width: 100%; height: 100%" & gt; & Lt; Div id = "header" style = "width: 100%; height: 100px" & gt; & Lt; / Div & gt; & Lt; Div id = "wrapper" style = "width: 100%; height: (100% - 100px)" & gt; & Lt; Div id = "left" style = "width: 250px; height: (100% - 100px)" & gt; & Lt; / Div & gt; & Lt; Div id = "right" style = "width: (100% - 250px); height: (100% - 100px)" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;  
   
 Please help.  
 Answer from doctype.com  
 css  
  html, body {height: 100%; Margin: 0; Padding: 0; }  
 
 HTML 
 
  & lt; Body & gt; & Lt; Div id = "container" style = "width: 100%; height: 100%; condition: complete;" & Gt; & Lt; Div id = "header" style = "width: 100%; height: 100px;" & Gt; Header & lt; / Div & gt; & Lt; Div id = "wrapper" style = "width: 100%; height: auto; position: absolute; top: 100px; bottom: 0;" & Gt; & Lt; Div id = "left" style = "width: 250px; height: 100%; float: left;" & Gt; Left & lt; / Div & gt; & Lt; Div id = "right" style = "width: 250px; height: 100%; float: true;" & Gt; True & lt; / Div & gt; Main content & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt;

If I understand correctly, you want to float the right divs And have you left the wrapper div, but maintain the full height of the wrapper div in the screen?

If so, the right and left part goes inside the cover, and you {... float: left; Status: Relative;} and {... Float: Correct; Position: Relative;} To float them to the sides

Now, because you have planted these two devices which are part of the content of your wrapper div, It is that two divites are inside "float out of" If your cover is inside two divs in the same height, then you can:

  • Insert it inside your cover as a third div: and

    If on the other hand, you want All of your content always spreads to the full height of the screen, as long as you have done anything you need to do some CSS magic and it will be very complicated to understand without seeing your code. Start here:

    Hope that helps.


Comments

Post a Comment

Popular posts from this blog

oracle - The fastest way to check if some records in a database table? -

-
I have a big table to work with. I have to see that there are some records whose parent_id is equal to my passing value. Currently I do this by implementing "my_table using select count (*) where parent_id =: id"; If the result> 0, it means that they exist. Because this is a very large table, and I do not care what the actual number of records present, I just want to know if it exists, so I think count (*) Bit is disabled. How do I apply this requirement most quickly? I'm using Oracle 10. # Tips for Hibernation & amp; Tricks It suggests writing in such a way: Integer number = (integer) session .createQuery ("Select Count (*) to ...."). UniqueResult (); I do not know what is the magic of the unique rule? Why does it fast? To compare, select "1 from mytable where parent_id = passId and rowrum", which is more efficient? If you are not interested in the number of records, then there is an EXISTS query one: Select 'y'
Read more

php - multilevel menu with multilevel array -

-
Just ask someone to solve this problem? I want to create a multilevel menu I can not find the right solution generated with multilevel array, it always gets an array_push error My study came from the original idea But still my Can not match the need. This is my MySQL [code] ----- --------------------- --------------- | ID | PARENT_ID | Name | Link | Seq | 1 | 0 | Dashboad | Dashboard / | 1 | 2 | 0 | Menu 1 | Menu 1 / | 2 | 3 | 0 | Menu 2 | Menu 2 / | 3 | 4 | 0 | Menu 3 | Menu 3 / | 4 | 5 | 2 | Joint Add / | 1 | 6 | 3 | Joint Add / | 1 | 7 | 2 | Edit | Edit / | 2 | 8 | 4 | Joint Add / | 1 ------------------------------------------ [/ Code] I want to do something like this in my array array ('dashboard' = & gt; array ('id' = & gt; '' 'Dame' = & gt; 'Dashboard', 'Title' = & gt; 'Dashboard', 'MatchMin' = & gt; Base_URL (). 'Dashboard /', 'Active' => = & Gt; NULL), &
Read more

jQuery UI: Datepicker month format -

-
I am trying to change the format of the month that shows in the popup (not in the date that the picker actually I do not have any choice anywhere to do this, do I like to use a sub-string () or something else? What I normally display is Trying to change: Class = "ui-datepicker-title"> January & lt; / span & gt; ... & lt; / div & gt; Div>
Read more