• Sign in to Neowin Faster!

    Create an account on Neowin to contribute and support the site.

  • 0
Sign in to follow this  

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

Question

+Seetheworldsecond    31

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>

 

Share this post


Link to post
Share on other sites

2 answers to this question

Recommended Posts

  • 0
Seahorsepip    610

What a mess :p

 

I'll have a look later today.

  • Like 1

Share this post


Link to post
Share on other sites
  • 0
+Seetheworldsecond    31
Just now, Seahorsepip said:

What a mess :p

 

I'll have a look later today.

Thank you!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.