1
Answer

Html Panel not responsive

Photo of Pinku

Pinku
6y
570
1
  1. <asp:PlaceHolder ID="phFbLearnMore" runat="server" Visible="false">  
  2. <div class="divFBlearnMore" id="divFBlearnMoreId">  
  3. <span class="fbTextContent">Increase exposure to your job postings by sending them to the Facebook Jobs Marketplace.</span>  
  4. <button id="FbButtonLink" class="fbButtonContent" >Opt In</button>  
  5. <span> <button id="closeButton" class="CloseButtonContent">X</button></span>  
  6. </div>  
  7. </asp:PlaceHolder>  
Below is the css file
  1. .divFBlearnMore {  
  2. position: absolute;  
  3. padding-bottom: 7px;  
  4. color: white;  
  5. z-index: 1;  
  6. width: 130%;  
  7. height: 35px;  
  8. float: right;  
  9. border: 1px solid #0f9fd8;  
  10. background-color: #0f9fd8;  
  11. font-size: 14px;  
  12. margin-top: -84px;  
  13. margin-left: -281px;  
  14. padding-top: 14px;  
  15. word-wrap: break-word;  
  16. padding-left: 74px;  
  17. }  
  18. .fbTextContent {  
  19. position: relative;  
  20. margin-left: 70px;  
  21. word-wrap:break-word;  
  22. }  
  23. .fbButtonContent {  
  24. position: relative;  
  25. cursor: pointer;  
  26. border: 1px solid #FFFFFF;  
  27. background-color: #0f9fd8 ;  
  28. color: #FFFFFF;  
  29. border-radius: 3px;  
  30. margin-left: 770px;  
  31. margin-bottom: 50%;  
  32. padding-left: 37px;  
  33. padding-right: 37px;  
  34. padding-top: 6px;  
  35. padding-bottom: 5px;  
  36. word-wrap:break-word;  
  37. font-size:12px;  
  38. }  
  39. .CloseButtonContent {  
  40. position: absolute;  
  41. cursor: pointer;  
  42. color: #FFFFFF;  
  43. background-color: #0f9fd8;  
  44. border: 1px solid #0f9fd8;  
  45. float: right;  
  46. margin-left:31px;  
  47. padding-top: 6px;  
  48. word-wrap: break-word;  
  49. }  
How to make a responsive code which will support and not break in any resolution

Answers (1)

Next Recommended Forum