No one has voted on any posts yet. Votes from other community members are used to determine a member's reputation amongst their peers.
|
I have a div bloc with a height of 100px that wraps two div blocs. One of these wrapped divs has a height of 10px, while the other has no specified height. My intention is for "box2" (no height specified) to automatically adjust its height to fill up the remaining … 
|
|
|
I want my 3 div boxes, added together, to fill the viewport size. Two of the div boxes (#top and #bottom) have a fixed height. I want it so that the #body div automatically adjust it's height so that the sum of the three divs = viewport size. #divtop + … 
|
|
|
I have a table inside a div with height=100%(viewport). The also table has height=100%(viewport). However, I want one row to have a fixed height while other adjusts to the content. [CODE]<div style="height:100%;"> <table style="height:100%"> <tr style="height:10px;"><td>Header</td></tr> <tr style="height:100%;"><td>Header</td></tr> </table> </div>[/CODE] The problem is that the second tr also takes viewport …
|
|
|
I'm trying to absolute position a p element inside a table. I tried to make <td> have position relative but it doesn't seem to work. [CODE] <td style="position:relative;"> <p style="position:absolute; bottom:0px;" </td> [/CODE] Does not work! But this does.. [CODE] <td> <div style="position:relative";> <p style="position:absolute; bottom:0px;"> Success </p> </div> </td> … 
|
|
|
I'm trying to overlap an absolute positioned div box in front of a flash object. I applied wmode="opaque" It works for firefox but not for IE8. [CODE] <style type="text/css"> #absolute{background-color:blue; height:100px; width:100px; position:absolute; top:30px;} </style> [/CODE] [CODE] <body> <div id="absolute"></div> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100" height="100"> <param name="movie" value="test.swf" [B]name="wmode" value="opaque"[/B]> … 
|
|
|
Can anyone explain why if I apply style to a <p> to "display: inline" it overflows outside its containing block? #iaminline{display:inline;} <div> <p id="iaminline">hola!</p> </div> The result has overflow, while "display:black" is completely contained in the containing block. I want to have inline elements completely inside the containing block. Thanks!
|
|
|
Hi! I read that IE 8 accepts child selectors. But it does not seem to work for my IE8 (Spanish version if this even matters). [CODE] #div > p{background-color: blue;} ======================== <div id="div"> <p>Shoud work here!</p> <div> <p>and not here</p> </div> </div> [/CODE] It works for firefox and not for …
|