I want one of the black divs to stretch 100% across the browser. I have 2 because I'm trying to figure out my issue. Thank you for your help, I'm just getting back into DW and a lot has changed. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Integrity IT Group</title> <link href="style.css" rel="stylesheet" type="text/css"> <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/adamina:n4:default.js" type="text/javascript"></script> </head> <body> <div id="container"> <div id="header"> <img src="images/header.jpg" width="2000" height="240" alt=""/> <h2 class="webadd">www.IntegrityITGroup.net</h2> <div id="contact">Contact</div> </div> <h1 class="title">Excellence in IT</h1> <div id="body2"> <div id="one"> <h2 class="title2">IT System Support</h2> <ul class="left"> <li>Secure Remote Access Solutions</li> <li>Centrally Managed Remote Systems</li> <li>Secure Your Data On All Your Systems</li> </ul> </div> <div id="two"> <img src="images/SecurityDW.png" width="400" height="276" alt=""/> </div> <div id="three"> <h2 class="title2">IT System Development</h2> <ul class="right"> <li>Mobile App Development</li> <li>Deploy Authenticating Website</li> </ul> </div> <div id="center"> <h2 class="title3">IT Education</h2> <ul class="center"> </ul> </div> <div id="line"> <img src="images/contact.jpg" alt=""/> </div> <div class="lineBlk"> </div> <!-- body2--></div> <!-- container--></div> <footer> </footer> </body> </html> -------------------------------------------------------- @charset "utf-8"; /* CSS Document */ #container { width: 100%; height: 100%; top: 0px; left: 0px; padding-top: 0px; margin-top: -8px; margin-left: -8px; min-width: 1200px; } body { width: 100%; } #contact { position: absolute; top: 207px; right: 320px; color: rgba(247,247,247,1.00); font-size: 20px; } .webadd { position: absolute; top: 75px; right: 200px; font-family: adamina; font-style: normal; font-weight: 400; } .title { font-family: adamina; font-style: normal; font-weight: 400; text-align: center; padding-top: 20px; } #header { width: 100%; height: 240px; } #body2 { width: 1225px; max-height: 100%; position: absolute; top: 375px; left: 170px; } #one { min-width: 350px; min-height: 276px; float: left; border: thin solid rgba(0,0,0,1.00); padding-left: 25px; width: 360px; height: 276px; } .title2 { font-family: adamina; font-style: normal; font-weight: 400; } .title3 { font-family: adamina; font-style: normal; font-weight: 400; text-align: center; padding-left: 375px; } .left { font-family: adamina; font-style: normal; font-weight: 400; } .right { font-family: adamina; font-style: normal; font-weight: 400; } .center { font-family: adamina; font-style: normal; font-weight: 400; height: 50px; border: thin solid rgba(0,0,0,1.00); width: 100%; } #line img { width: 100%; height: 40px; padding: 0; margin: 0; } .lineBlk { width: 100%; height: 40px; padding: 0; margin: 0; background-color: rgba(0,0,0,1.00); } #two img { width: 400px; height: 276px; border: thin solid rgba(0,0,0,1.00); padding-left: 20px; margin: 0; padding-right: 20px; } #three { min-width: 350px; min-height: 276px; border: thin solid rgba(0,0,0,1.00); font-family: adamina; font-style: normal; font-weight: 400; clear: none; float: right; width: 360px; padding-left: 25px; position: relative; top: -282px; left: -10px; height: 275px; }
... View more