Menu
I am doing a website for a school project on water scarcity and have run into a snag. I only put the basic frames up and have a long way to go. I want to move some text down about 10px and when I put top:10px; into the css it moves the little box next to it down 10px. The reason is I put it into the same <div id=”box2″><div id=”paragraph1″>My text</div></div> just because that is the only way I could put the text into the area I wanted with out using absolute position. What else could I use instead of the absolute position to position my text. Thanks
<!DOCTYPE HTML>
<html>
<head>
<meta charset=”UTF-8″>
<title>Untitled Document</title>
<link href=”CSS/Level1_Arial.css” rel=”stylesheet” type=”text/css”>
<style>
#box_1 {
position: static;
width: 100%;
height: 150px;
background: #ee3e64;
}
#box_2 {
position: static;
width: 200px;
height: 1000px;
background: #44accf;
}
#box_3 {
position: static;
width: 100%;
height: 100px;
background: #b7d84b;
}
#paragraph1{
width:800px;
margin-left:210px;
}
</style>
</head>
<body bgcolor=”#999999″>
<div id=”box_1″>
</div>
<div id=”box_2″>
<div id=”paragraph1″>
         A world with out water is a scare thought. Unfortunatly it may one day become a reality due to polution and the ever so growing population. Conteinents like Africa are already feeling the pressure to get clean drinking water. Many people in developing towns are forced to walk miles to get their daily supply of water. The US alone uses 575 liters of water a day and uses around 2.5 million liters per year, while haiti uses less than 15 liters a day. And yet with all this lack of water there is so much waste. The beef industrie is one of the biggest users of water. To produce 1 Kilo of beef 16,000 liters of water are used! That means that the average hamburger uses 2,400 liters of water! Most of this water goes into feeding the cow. Plastic drinking bottles are also a huge problem. 22 billion water bottles were used last year, this number continues to grow after you facter in that each water bottle takes 7 liters of water to make! And guess what, that paper sitting infront of you took 10 liters of water to make!
</div>
</div>
<div id=”box_3″>
</div>
</body>
</html>