inner div's space is being shown

[hariomt]

Hi,
I am using two divs like.

<div id="d1">
<button b1>
<button b2>
<div id="d2">
<div>
<div>

when I click on button b1,i have to display div2 parallel to div d1. I have written style for that. Its working fine for that.
The problem is div d1 too is showing empty space of size div d2.
please help

[Dormilich]

@hariomt
can you explain that a bit better, I can't make sense of it.

note: your HTML markup is not valid, currently it shows 4 <div>s, and probably your question would be better placed in the HTML forum.

[hariomt]

i am copying the sample code here

<div id="manageCEAttribute" class="manageCE"style="display:none;top: -610px;">
<table>some code goes here
 <input   type="button" name="deleteCE" onclick"delete">
     </table>
 <div id="deleteCEAttribute" class="deleteCE" style="display:none;">
some code goes here
<div>
</div>

here are the styles I am using

.manageCE{  
    position:relative;
   top: -575px;
   left: 800px;
   width: 40%;
   height:30%;
   padding: 10px;
   border-top: 1px solid #999;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   border-left: 1px solid #999;
   background-color: #F2F2E6;
  z-index: 505;
 }
.deleteCE{   
  width: 450px;
  position: absolute;
  top: 0px;
  left: -500px;
  padding: 5px;
  border: 2px solid black;
  background-color: #ccc9ba;
  z-index: 510;
 }

after click on deleteCE button i have to display div deleteCEAttribute as a pop up. Its working . The problem is first divs height increses by height of second div

[Dormilich]

you still have 3 <div>s.
line 1 requires a space before the style attribute.
the button misses a =

maybe html markup errors are causing this....
for HTML validation: The W3C Markup Validation Service

[hariomt]

i have found the cause of issue.
Actually on second div I have two input type buttons. The value of the buttons is taking more space than of div.
is thre any way of displaying button's value in two lines?

[Dormilich]

not that I'm aware of, but that doesn't mean anything.

[gits]

i'm not aware of that too ... i think the text could be cropped or something like that ... but in case you really would need the linebreak for the button's text then you may just use a custom DHTML button ...

kind regards