html - How to keep symmetry with CSS fluid spacing of dynamic content -

-

I have a main content in which I'm dynamically adding content blocks to a row-style layout (tables has no use) . I am trying to keep a space symmetry between the content block as well as the range of content blocks and the range of the main content.

This is the layout I am trying to achieve: 

  ______________________________________ | | | | Xxxxx | | Xxxxx | | Xxxxx | | Xxxxx | | | | Xxxxx | | Xxxxx | | Xxxxx | | Xxxxx | | | | | | Xxxxx | | Xxxxx | | Xxxxx | | Xxxxx | | | | Xxxxx | | Xxxxx | | Xxxxx | | Xxxxx | | | | | | Xxxxx | | Xxxxx | | Xxxxx | | Xxxxx | | | | Xxxxx | | Xxxxx | | Xxxxx | | Xxxxx | | | ______________________________________ |   
 The large container div is my content div  
 small | XXXXXX | Blocks are my internal content-block divs  
 Here's the issue I raise: When I use the inner space from margin-left or margin-right to the right place, then with this large content devil Throwing the edge of the block in the edge - then  I end up with the extra space, either far or far to the far left  which looks ugly on the page. I have set the width of the inner blocks to allow 4 rupees "row" which I want to keep the layout. The total number of internal blocks is dynamically determined by data from 1 to 30 anywhere in my DB.  
 Here's my code:  
  div.content {float: left; Width: 96%; Padding: 2%; } Div.inner_block {float: left; Width: 22%; Height: 150px; Margin: 0% 3% 2%; }   
 If possible, I would like to keep the "padding: 2%" on the content div as it will maintain consistency in many other pages loaded into this content device.  
 What do you think? What is the solution?  
 Thank you!  
   
 2% be 2%  Well everything balances.

Comments

Post a Comment

Popular posts from this blog

qt - switch/case statement in C++ with a QString type -

-
I want to use switch-case in my program but the compiler generates an error. How can I use the switch statement with QString ? The compiler gives me this error: The expression of the switch type 'QString' is invalid My code is as follows : boolStopWord (the word QString) {bool flag = false; Switch (word) {case "the": flag = true; break ; "On" case: flag = true; break ; Case "in": flag = true; break ; Case "your": flag = true; break ; Case "near": flag = true; break ; Case "all": flag = true; break ; Case "this": flag = true; break ; } Return flag; } How do I use the switch statement with a Caststring ? You can not use the switch statement in C ++ language with integral or enum types. You can formally enter the square type of object in the switch statement, but this means that the compiler will look for a user-defined conversion to convert it to an integral or enum type.
Read more

python - sqlite3.OperationalError: near "REFERENCES": syntax error - foreign key creating -

-
I'm trying to create a predefined key after checking the manual and I wrote it: Db.execute ("create table" Table 2 (id, integer primary key, somedata integer) "db.execute" (table creation table 2 does not exist (name text, maintain reference (id) ") and found this: sqlite 3. Operation error: near" references ": syntax error Your second ligne is wrong db.execute ("create table if table does not exist 2 (name text, my_id integer, foreign key (my_id) reference Maintenance (ID)) ") as explained
Read more

Python's equivalent for Ruby's define_method? -

-
What is a Python equivalent for Ruby's define_method , which is the dynamic generation of class methods will allow? (As can be seen in Wikipedia) Functions are first-class objects in Python and assign them The properties of a class or an example can be a way of doing the same thing as a Wikipedia example: colors = {"black": "000", "red": "F00", "green": "0f0", "yellow": "ff0", "blue": "00f", "magenta": "fff", "cyan": "0ff", "white": " FFF "} Class MyStream (ARR): Pass for Name, Code in colors.iteritems (): def _in_colour ( W code = code): return '& lt; Span style = "color:% s" & gt;% s & lt; / Span & gt; ' % (Code, self) setter (histrive, "in_" + name, _in_ color)
Read more