I am trying to create a dynamic popup window which can be resized however, since I have a fixed width I am not able to use, I am running in issues using widths and percentages for width.
When I specify one percent for the width of a floating diva, it considers that I mean 100% of the width of the containing divisor I am trying to do in the current div Determining width to the rest of the width. If I use a table, then it will work, so essentially, I need to take the following code for the table and work it using a div ...
& Lt; Table style = "width: 100px;" Cellpadding = "0" cellspacing = "0" & gt; & Lt; Tr style = "height: 25px;" & Gt; & Lt; Td style = "width: 10px; background-color: red;" & Gt; & Lt; / Td> & Lt; Td style = "background-color: blue;" & Gt; & Lt; / Td> & Lt; Td style = "width: 10px; background-color: black;" & Gt; & Lt; / Td> & Lt; / TR & gt; & Lt; / Table & gt;
shows the following:
I still have the following, but it does not work as a purpose. .
& lt; Div id = "container" style = "width: 100px; height: 25px;" & Gt; & Lt; Div id = "left" style = "float: left; width: 10px; background-color: red; height: 100%;" & Gt; & Lt; / Div & gt; & Lt; Div id = "mid" style = "float: left; background-color: blue; height: 100%;" & Gt; & Lt; / Div & gt; & Lt; Div id = "right" style = "float: right; width: 10px; background-color: black; height: 100%;" & Gt; & Lt; / Div & gt; & Lt; / Div & gt;
The code above shows the following:
However, if someone can translate me into a section of the table that works with a div Will praise it
Thanks,
C
I tried to add code to the actual post, but it seems That post is not interpreting html so the sections in which it says "show down", do not really do this.
You can do something like this:
& Lt; Div style = "width: 100px; height: 25px; position: relative" & gt; & Lt; Div style = "width: 20px; height: 100%; position: full; background: red" & gt; & Amp; Nbsp; & Lt; / Div & gt; & Lt; Div style = "width: 20px; height: 100%; position: full; right: 0; background: black" & gt; & Amp; Nbsp; & Lt; / Div & gt; & Lt; Div style = "height: 100%; background: blue; padding: 0 20px" & gt; Stuff & lt; / Div & gt; & Lt; / Div & gt;
Comments
Post a Comment