html - CSS div container display: table with floating div -


I have the following CSS DIV table grid in which DIV duration is required on more than one DIV

I think the browser is related to the Jade index between browsers. This code looks right in Firefox but does not work in IE or Chrome which I have tested so far. I would like to know how to float my DIV correctly by CSS, display the class ".blocadata" around my div that is set to display: will continue to allow table and overflow scrolling.

To look for differences, please check in Chrome or IE in Firefox.

You can see my example here:

This is my CSS

  / * column holder is not related to the grid - for its use Used for demo. Table-Inner-to-scroll * / .column-holder {width: 600px; } .Bokdata {Background: -Mo-Linear-Slope (Center Top, #FFFFFF 0%, # IEEEE) Repeatable Scrolls 0 0 RGBA (0, 0, 0, 0); Border: 1 px solid # 999999; Boundary-radius: 5px; Down: 5px; Box-Shadow: 0 2px 3px RGBA (0, 0, 0, 0.3), 0 2 Px RGBA (255, 255, 255, 0.8) Inset; Color: # 666666; Font-size: 12px; Left: 0; Hidden flurry; Padding: 4px; Status: Relative; Width: 200px; Z-index: 999; }. Container {Performance: Table; Width: 100%; Table layout: fixed; Status: Relative; Z-index: 1; } .row {display: table-row; Status: Relative; } .column {display: table-cell; Border color: #DDDDDD; Border-style: solid; Threshold width: 0 px 0 px 1 px 1 px; Padding: 5px; Width: 120px; }  

Here is an HTML table using DIVs

  & lt; Div class = "column-holder" & gt; & Lt; Div class = "table-exterior" & gt; & Lt; Div class = "table-inner" & gt; & Lt ;! - Start div grid - & gt; & Lt; Div class = "container" & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "column" & gt; Column 0 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 1 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 2 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 3 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 4 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 5 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 6 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 7 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 8 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 9 & lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "column" & gt; Column 0 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 1 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 2 & lt; / Div & gt; & Lt; Div class = "column" & gt; & Lt; Div class = "blockdata" & gt; Block data & lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "column" & gt; Column 4 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 5 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 6 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 7 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 8 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 9 & lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "column" & gt; Column 0 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 1 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 2 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 3 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 4 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 5 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 6 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 7 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 8 & lt; / Div & gt; & Lt; Div class = "column" & gt; Column 9 & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt ;! - End div grid - & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

There is nothing with z-index. Background background of blogdata Is:

Background: - Moj-Linear-Slope (Center Top, #FFFFFF 0%, # IEEEE) Repeatable Scrolls 0 0 RGBA (0, 0, 0, 0);

Then in browsers other than Firefox, div is transparent: D


Comments

Popular posts from this blog

import - Python ImportError: No module named wmi -

Editing Python Class in Shell and SQLAlchemy -

c# - MySQL Parameterized Select Query joining tables issue -