Jump to content

Divs dont fill al the space in body


Recommended Posts

Hi!

Im trying to design a view with 2 boxes : on the left 1 menu and in the right the main box.

The menu should be vertical and relative, and with the main box I can do what I want.

The problem is that this 2 boxes should fill all the space horizontally and vertically. But all the time that I change the width or the "position" I have 2 results:

  1. Part of the main box is hidden with the menu box
  2. The two boxes dont fill the space

This is the css code of my boxes:

.main-box{

    background-color: #FFFFFF;
    font-size: 14px;
    color: #34495E;
    height:99%;

    min-width: 150px;
    line-height: 1.231;
    width: 94%;
    margin-left: 10%;
    margin-right: 0.5%;
    float: right;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);

}

.menu{

          position: fixed;
          left: 0;
          top: 0;
          bottom: 0;
          height: 100%;
          width: 7em;
          background-color: #333;
    

}

 

1685810876_Capturadepantalla(37).thumb.png.206224378ccd57ab61036840e02e67b0.png

 

And this is the result. How can I solve it?

 

Thanks!

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...