Jump to content

Absant

Members
  • Posts

    1
  • Joined

  • Last visited

Everything posted by Absant

  1. 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: Part of the main box is hidden with the menu box 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; } And this is the result. How can I solve it? Thanks!
×
×
  • Create New...