I am in the process of developing a system where I have everything to scale rates. Now I walk down, the problem is as follows.
I have a div container menu and content. These are 30% and 70% width and 100% high in good works. Now I have a header over, but it has no fixed rate just height. So be aware that permanent min 100% of the menu and content area. This is precisely the problem as the margin slide neatly into the whole thing down and get a scrollbar.... not what I want.
Someone have suggestions how to resolve this? Below my html/css. Can consist of errors and good things in it, it's the test phase.
Code:html, body ( background-color: # e4e4e4; margin: 0; padding: 0; font-family: Arial; font-size: 11px; height: 100%; ) div # wrapper ( position: relative; margin: 0; padding: 0; height: 100%; ) div # menu ( float: left; width: 24%; margin: 0; padding: 0; border: 1px solid black; overflow: scroll; height: 100%; margin-top: 130px; ) div # content ( position: absolute; float: left; width: 75%; margin: 0 0 0 0; left: 25%; padding: 0; border: 1px solid black; overflow: scroll; height: 100%; ) div # top ( position: absolute; height: 100%; width: 100%; )Code:<! DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> deLuxe <title> System </ title> <link rel="stylesheet" type="text/css" href="style.css" /> </ head> <body> <div id="wrapper"> <div id="top"> <div id="menu"> </ div> <div id="content"> </ div> </ div> </ div> </ body> </ html>
Reply With Quote
Bookmarks