Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Apr 30th, 2012  |  syntax: None  |  size: 1.64 KB  |  hits: 11  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Internet Explorer treating div width as 100%?
  2. <body>
  3.     <div id="header">
  4.         <img id="logo" src="images/logo.png" alt="Logo" />
  5.         <div class="header_box">
  6.             <img id="profile" src="images/questionmark.png" alt="Profile Image" />
  7.             <span id="profile_name">Sample</span><br />
  8.             <ul id="profile_settings">
  9.                 <li>Profile</li>
  10.                 <li>Settings</li>
  11.             </ul>
  12.         </div>
  13.         <div class="header_box">
  14.             <img id="notifications" src="images/notifications.png" alt="Notifications" />
  15.         </div>
  16.         <div class="clear"></div>
  17.     </div>
  18.        
  19. #header {
  20. background:#3A3A3A;
  21. color:white;
  22. border-bottom:5px #771439 solid;
  23. -moz-box-shadow: 0 1px 5px 3px #888;
  24. -webkit-box-shadow: 0 1px 5px 3px#888;
  25. box-shadow: 0 1px 5px 3px #888;
  26. }
  27.  
  28. #logo {
  29. height:82px;
  30. display:inline;
  31. }
  32.  
  33. .header_box {
  34. display:inline-block;
  35. float:right;
  36. background:#262626;
  37. padding:5px;
  38. margin:16px 15px 12px 0;
  39. border-radius: 5px;
  40. -moz-border-radius: 5px;
  41. -webkit-border-radius: 5px;
  42. border: 1px #474747 solid;
  43. text-align:left;
  44. font-size:11px;
  45. min-height:40px;
  46. }
  47.        
  48. <div style="height"82px;">
  49.     <img id="logo" src="images/logo.png" alt="Logo" />
  50.     <div class="header_box">
  51.         <img id="profile" src="images/questionmark.png" alt="Profile Image" />
  52.         <span id="profile_name">Sample</span><br />
  53.         <ul id="profile_settings">
  54.             <li>Profile</li>
  55.             <li>Settings</li>
  56.         </ul>
  57.     </div>
  58.     <div class="header_box">
  59.         <img id="notifications" src="images/notifications.png" alt="Notifications" />
  60.     </div>
  61. </div>
  62.        
  63. #logo {
  64. float:left;
  65. height:82px;
  66. display:inline;
  67. }
create a new version of this paste RAW Paste Data