cs.punk Posted February 17, 2010 Share Posted February 17, 2010 CSS div.sidebar { margin: 30px; margin-right: 0px; padding: 5px; padding-left: 0px; border: none; float: left; overflow: auto; text-align: left; } .roundedcornr_box { background: #1C7AFF; margin: 30px; margin-left: 370px; } .roundedcornr_top div { background: url(roundedcornr_tl.png) no-repeat top left; } .roundedcornr_top { background: url(roundedcornr_tr.png) no-repeat top right; } .roundedcornr_bottom div { background: url(roundedcornr_bl.png) no-repeat bottom left; } .roundedcornr_bottom { background: url(roundedcornr_br.png) no-repeat bottom right; } .roundedcornr_top div, .roundedcornr_top, .roundedcornr_bottom div, .roundedcornr_bottom { height: 30px; font-size: 18px; } #list-table { margin: 20px; padding: 0; text-align: center; width: 800px; background-color: #4486B5; border: solid; border-color: black; float: left; list-style: none; margin-bottom: 20px; } #list-table li { border-bottom: 2px solid black; padding: 2px 20px; } #list-table li.last {border-bottom:none; } html <body> <div class='sidebar'> ..... (bla bla) </div> <div class="roundedcornr_box"> <div class="roundedcornr_top"><div></div></div> <div class="roundedcornr_content"> <h1>Guestbook</h1> <br/> <ul id='list-table'> <li><p class='table'><span class='yellow'>Example 1</span> <span class='grey'>(17 - February 2010 : 10:51 am)</span>: <br /> test </p></li> <li><p class='table'><span class='yellow'>Example 2</span> <span class='grey'>(17 - February 2010 : 10:51 am)</span>: <br /> test </p></li> <li><p class='table'><span class='yellow'>Example 3</span> <span class='grey'>(17 - February 2010 : 10:51 am)</span>: br /> test </p></li> </ul> </div> <div class="roundedcornr_bottom"><div></div></div> </div> </body> Attached a screen shot too.. I just can't figure it out?? And i bet its something really simple.. [attachment deleted by admin] Quote Link to comment Share on other sites More sharing options...
vinpkl Posted February 17, 2010 Share Posted February 17, 2010 add overflow:auto .roundedcornr_box { background: #1C7AFF; margin: 30px; margin-left: 370px; overflow:auto; } vineet Quote Link to comment Share on other sites More sharing options...
vinpkl Posted February 17, 2010 Share Posted February 17, 2010 or may be overflow:hidden .roundedcornr_box { background: #1C7AFF; margin: 30px; margin-left: 370px; overflow:hidden; } vineet Quote Link to comment Share on other sites More sharing options...
cs.punk Posted February 17, 2010 Author Share Posted February 17, 2010 I got it! CSS #list-table { margin: 20px; padding: 0; text-align: center; width: 800px; background-color: #4486B5; border: solid; border-color: black; [s] float: left; [/s] // <--- HERE list-style: none; margin-bottom: 20px; } Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.