in CSS, how can I make a table expand to fill a container div? -

-

I want to "create" spaces on the screen by creating several container DIVs, then fill the contents in each DIVs. In one case, I would have to fill with a table. In the interior of the table there are JPEGs, I do not want to use fixed pixel size anywhere, so that the content can shrink well in different size browsers.

After repeated tests and errors, and reading something on the Internet, I came to know that the whole chain container-DP ---> Tables-> TDI-> TR-> TD-> Img well in size I have to make sure that each of these elements has the following qualities: "height: 100%; width: 100; condition: relative" (IMG status can be completed by itself).

It works fine with only 1 row table, but if I have many lines, then it seems that the height of the line is calculated positively from your parents, which Someone, because if I have 2 rows, then each row is still as high as T but I manually divide the height of TR by 2, but it is not exactly fit in the container.

So how can I shrink the table automatically in the surrounding container?

Thanks 

  & lt; Style type = "text / css" & gt; Div {boundary: 2px solid red; # Down-banner {height: 40%; } #Bank-Banner Tony {Status: Relative; Height: 100%; Width: 100%; } #device-banner tr {max-height: 100%; Width: 100%; Status: Relative; Height: 100%; } & Lt; Style type = "text / css" & gt; Div {boundary: 2px solid red; # Down-banner {height: 40%; } #Bank-Banner Tony {Status: Relative; Height: 100%; Width: 100%; } #device-banner tr {max-height: 100%; Width: 100%; Status: Relative; Height: 100%; } # Down-Banner Table {Status: Relative; Height: 100%; Width: 100%; } # Down-banner div {status: relative; Height: 100%; Width: 100%; } #Bank-banner IMG {height: 100%; Status: Completed; Correct: 0; Left: 0; Margins: Auto; Top: 0; Bottom: 0; Width: Auto; } & Lt; / Style & gt; & Lt; Div id = "bottom-banner" & gt; & Lt; Table & gt; & Lt; Tbody & gt; & Lt; TR & gt; & Lt; Td> & Lt; Div & gt; & Lt; Img src = "11a2.jpg" /> & Lt; / Div & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td> & Lt; Div & gt; & Lt; Img src = "11a2.jpg" /> & Lt; / Div & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; / Tbody & gt; & Lt; / Table & gt; & Lt; / Div & gt;

Just set the width and height of your desk to 100% but the parent unit of the table Should have a fixed height, if the cells are empty, then they will take any vertical position without any height. 

  div {width: 100%; Height: 500px; Border: 5 ppl yellow solid; } Table {width: 100%; Height: 100%; Border: 3px red double; }  
  & lt; Div & gt; & Lt; Table & gt; & Lt; TR & gt; & Lt; Td bgcolor = "# 2062f" & gt; & Lt; / Td> & Lt; Td bgcolor = "# 05BDB0" & gt; & Lt; / Td> & Lt; Td bgcolor = "#ffcc 2" & gt; & Lt; / Td> & Lt; Td bgcolor = "# FAA72A" & gt; & Lt; / Td> & Lt; Td bgcolor = "# CD3450" & gt; & Lt; / Td> & Lt; / TR & gt; & Lt; / Table & gt; & Lt; / Div & gt;


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