inner div's space is being shown

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • hariomt
    New Member
    • Jan 2009
    • 10

    inner div's space is being shown

    Hi,
    I am using two divs like.
    Code:
    <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
    Last edited by Dormilich; Jan 22 '09, 12:12 PM. Reason: added [code] tags
  • Dormilich
    Recognized Expert Expert
    • Aug 2008
    • 8694

    #2
    Originally posted by hariomt
    The problem is div d1 too is showing empty space of size div d2.
    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.

    Comment

    • hariomt
      New Member
      • Jan 2009
      • 10

      #3
      i am copying the sample code here
      Code:
      <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
      Code:
      .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 deleteCEAttribu te as a pop up. Its working . The problem is first divs height increses by height of second div
      Last edited by Dormilich; Jan 22 '09, 12:28 PM. Reason: added [code] tags

      Comment

      • Dormilich
        Recognized Expert Expert
        • Aug 2008
        • 8694

        #4
        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
        Last edited by Dormilich; Jan 22 '09, 12:40 PM. Reason: adding validator link

        Comment

        • hariomt
          New Member
          • Jan 2009
          • 10

          #5
          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?

          Comment

          • Dormilich
            Recognized Expert Expert
            • Aug 2008
            • 8694

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

            Comment

            • gits
              Recognized Expert Moderator Expert
              • May 2007
              • 5388

              #7
              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

              Comment

              Working...