Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Pasek wyszukiwania - problem z IE
Forum PHP.pl > Forum > Po stronie przeglądarki
badowl
8.04.2014, 20:13:31
Witam, pasek w chromie wygląda jak należy


Problem pojawia się kiedy otworzę stronę w ie


css:
[HTML] pobierz, plaintext 
  1. html body {
  2. 	background-color:#EBEBEB;
  3. 	font-family:"Helvetica neue",Helvetica,Arial,Sans-serif;line-height:1
  4. }
  5. table {
  6. 	border-spacing:0;
  7. 	border-collapse:collapse
  8. }
  9.  
  10. #gh-ac-box {
  11. 	border:1px solid #ddd;
  12. 	background:#fff;height:38px;
  13. 	padding:0 10px 0 1px;
  14. 	-moz-border-radius:3px 0 0 3px;
  15. 	border-radius:3px 0 0 3px;
  16. }
  17.  
  18. #gh-ac {
  19. 	font-size:16px;
  20. 	color:#767676;
  21. 	border:0;
  22. 	margin:0;
  23. 	padding:10px 0 9px 8px;
  24. 	width:100%;
  25. 	background:transparent;
  26. 	outline:0;
  27. 	box-shadow:none
  28. }
  29.  
  30. #gh-ac:focus {
  31. 	color:#000
  32. }
  33.  
  34. #gh-ac::-webkit-input-placeholder {
  35. 	color:#767676
  36. }
  37.  
  38. #gh-ac:focus:-moz-placeholder,#gh-ac:focus::-moz-placeholder {
  39. 	color:transparent!important
  40. }
  41.  
  42. #gh-ac:focus::-webkit-input-placeholder {
  43. 	color:transparent!important
  44. }
  45.  
  46. #gh-cat-box {
  47. 	border:1px solid #ddd;
  48. 	border-left:0;
  49. 	padding:0 10px;
  50. 	height:38px;
  51. 	background:#fff;
  52. }
  53. #gh-cat {
  54. 	color:#333;
  55. 	font:12px Arial;
  56. 	border-width:0;
  57. 	margin-top:10px;
  58. 	width:160px;
  59. 	height:18px;
  60. 	overflow:hidden;
  61. 	text-overflow:ellipsis;
  62. }
  63.  
  64. #gh-btn {
  65. 	background: url(search.png) no-repeat;
  66. 	border-radius:0;
  67. 	text-indent:-9999px;
  68. 	width:43px
  69. }
  70.  
  71. .btn {
  72. 	height:40px;
  73. 	border:1px solid transparent;
  74. 	border-radius:3px;
  75. 	box-shadow:0 3px 0 rgba(0,0,0,0.04);
  76. 	vertical-align:baseline;
  77. 	text-align:center;
  78. 	text-decoration:none;
  79. 	white-space:nowrap;
  80. 	font-weight:500;
  81. 	font-size:16px;
  82. 	cursor:pointer;
  83. 	zoom:1;
  84. 	display:inline-block;
  85. 	margin-top:-1px;
  86. 	margin-left:-1px;
  87. }
  88. .btn:hover {
  89. 	background-color:#eee;
  90. 	text-decoration:none;
  91. }
  92. .btn:active {
  93. 	position:relative;
  94. 	top:1px
  95. }
  96.  
  97. .btn-prim,a.btn-prim,a.btn-prim:visited {
  98. 	background:#00509d;
  99. 	text-decoration:none;
  100. 	color:#fff
  101. }
  102.  
  103. #adv-search {
  104. 	color:#0068af;
  105. 	text-decoration:none;
  106. }
  107.  
  108. #adv-search:hover {
  109. 	text-decoration:underline;
  110. }
[HTML] pobierz, plaintext


html:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <link href="style.css" type="text/css" rel="stylesheet">
  5. </head>
  6.  
  7. <body>
  8. <div>
  9.     <table>
  10.     <tr>
  11.     <td>
  12.     	<form action="..." method=get>
  13.         	<input type=hidden>
  14.             	<table>
  15.                 	<tr>
  16.                     	<td>
  17.                         <div id=gh-ac-box>
  18.             				<input autocomplete=off id=gh-ac placeholder="Search... " maxlength=300 size=50 type=text autofocus>
  19.             			</div>
  20. 					</td>
  21. 					<td>
  22. 						<div id=gh-cat-box>
  23. 							<select id=gh-cat size=1 title="Select a category for search">
  24. 							<option selected="selected" value="0">All Categories </option>
  25. 							<option>inna kategoria</option>
  26. 							</select>
  27. 						</div>
  28. 					</td>
  29. 					<td>
  30. 						<input value="Search" id=gh-btn class="btn btn-prim" type=submit>
  31. 					</td>
  32. 					<td>
  33. 						<div>
  34. 						<a id="adv-search" title="Advanced Search" href="...">Advanced</a>
  35. 						</div>
  36. 					</td>
  37. 				</tr>
  38. 			</table>
  39. 		</form>
  40. 	</td>
  41. 	</tr>
  42. 	</table>
  43. </div>
  44. </body>
  45. </html>
[HTML] pobierz, plaintext


Co zrobić żeby pasek wyglądał identycznie jak w chromie?
Pozdrawiam

Nikt nie wie w czym problem?

Mógłbym prosić o pomoc?
in5ane
15.04.2014, 13:26:57
Daj link do strony, to luknę na to.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.