[Help] CSS Issue, remove white space and scrolling.

[+Seetheworldsecond Subscriber¹]

After pushing the text "Online Deal" for the Godaddy section on my website a white space appeared along with a scroll. I tried adding a overflow-y: hidden; code but it just made everything hidden.

The exact code I changed was ".typeofdiscount3 { position: absolute; top: 210px; left: 1200px; width: 500px; color: #FFF; } " I had added 1200 to the left to center the text however it also made the white space on the right.

Please help my fellow neowins, code is below. URL for the webpage displaying this code: couponproxy.com 

 

<style>
.couponthree { position: absolute; width: 500px; height: 238px; left: 1000px; top:0px; } 
.coupontwo { position: absolute; width: 500px; height: 238px; left: 500px; top:0px; color: #34282C; } 
.topcontainer { position: relative; width: 100%; height: 100%; color: #34282C; margin: 10px 0 0 -750px; left:50%; } 
.couponone { position: absolute; width: 500px; height: 238px; } 
.coupononedescription1 { position: absolute; top: 160px; left: 14px; color: #000; width: 485px; } 
.typeofdiscount1 { position: absolute; top: 210px; left: 95px; color: #FFF; width: 500px; } 
.discountdescription2 { position: absolute; top: 160px; left: 514px; color: #000; width: 490px; } 
.typeofdiscount2 { position: absolute; top: 210px; left: 700px; color: #FFF; width: 500px; } 
.discountdescription3 { position: absolute; top: 160px; left: 1014px; color: #000; width: 490px; } 
.typeofdiscount3 { position: absolute; top: 210px; left: 1200px; width: 500px; color: #FFF; } 
.couponfour { position: absolute; width: 500px; height: 238px; top: 258px; } 
.coupondescription4 { position: absolute; top: 418px; left: 14px; color: #000; width: 485px; } 
.typeofdiscount4 { position: absolute; top: 468px; left: 160px; width: 490px; color: #FFF;} 
.couponfive { position: absolute; width: 500px; height: 238px; left: 500px; top: 258px; } 
.coupondescription5 { position: absolute; top: 418px; left: 514px; color: #000; width: 495px; } 
.typeofdiscount5 { position: absolute; top: 468px; left: 700px; color: #FFF; } 
.couponsix { position: absolute; width: 500px; height: 238px; left: 1000px; top: 258px; } 
.coupondescription6 { position: absolute; top: 418px; left: 1014px; color: #000; width: 485px; } 
.typeofdiscount6 { position: absolute; top: 468px; left: 1160px; color: #FFF;} 

</style>

<div class="topcontainer"> 
<div class="couponone"><img src="http://couponproxy.com/wp-content/uploads/2017/01/ebay-coupon-code-2017.png" /></div> 
<div class="coupononedescription1">Discounts available are going to remove 10% off new eBay coupons, These savings are honestly some of the best we have ever seen!</div>
<div class="typeofdiscount1"><b>eBay Coupon Code: HIJ870PLW345NAQYU46</b></div>
 <div class="coupontwo"><img src="http://couponproxy.com/wp-content/uploads/2017/02/dave-and-busters-coupon-2017.png" /></div> 
 <div class="discountdescription2">Free $20 worth of Gameplay for Dave and Busters. The cost of $20 can save you $400 worth of gameplay!</div>
 <div class="typeofdiscount2"><b>In-Store Discount</b></div>
 <div class="couponthree"><img src="http://couponproxy.com/wp-content/uploads/2017/02/godaddy-coupon-2017.png" /></div>
 <div class="discountdescription3">Pay only .99 cents for any domain with this available Godaddy deal.</div>
 <div class="typeofdiscount3"><b>Online Deal</b></div>
 <div class="couponfour"><img src="http://couponproxy.com/wp-content/uploads/2017/02/bed-bath-and-beyond-coupon-2017.png" /></div>
 <div class="coupondescription4">Save 20% OFF your next Bed Bath and Beyond purchase!</div> 
 <div class="typeofdiscount4"><b>In-Store & Online Discount</b></div>
 <div class="couponfive"><img src="http://couponproxy.com/wp-content/uploads/2017/02/amazon-coupon-codes-2017.png" /> </div>
 <div class="coupondescription5"> Never miss an Amazon coupon code again! View a full list of offcial Amazon discount codes on Amazon.com. </div>
 <div class="typeofdiscount5"> <b>Coupon Code</b> </div>
 <div class="couponsix"><img src="http://couponproxy.com/wp-content/uploads/2017/02/kohls-coupon-2017.png" /></div> 
 <div class="coupondescription6">Save 25% off your entire purchase online or instore at Kohls.</div> 
 <div class="typeofdiscount6"><b>In-Store & Online Discount</b></div>
 </div>

 

[Seahorsepip Veteran]

What a mess

 

I'll have a look later today.

[+Seetheworldsecond Subscriber¹]

  On 01/02/2017 at 14:49, Seahorsepip said:

What a mess

 

I'll have a look later today.

Expand  

Thank you!