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;
}
1 Correct answer
12
Replies
AdChoices