field, padding проблем

[dashe]

.user, .button,
.password {
	border: none;
}

.user,
.password {
	background: url(../img/field.png) no-repeat;
	padding: 0px 0px 5px 0px;
	margin-left: 15px;
	width: 180px;
	height: 27px;
	font: normal 12px/15px Verdana;
}

Искам тескта да почва по-навътре.
Слагам си padding-left: 10px; и като маркикам полето със мишката се вижда как се е дръпнало?
Ето като е без

Ето и като е със padding.

Не че е кои знае какъв проблем.
Но е дразнещо за мен
Или може би винаги си е така
И просто до сега не ми се е мяркало пред очите. :?

 

[PHP_Masters]

Винаги си е било така, това ти разтяга страницата също така. Това е проблем който се оправя много лесно, щом го дърпаш от ляво с 10 пиксела намаляш дължината на картинката та да стане

width: 170px;

както намаляш от дължината когато го дърпаш и от дясно

А когато го дърпаш от горе или от долу намаляш височината

но трябва задължително да си сложиш doctype, защото под IE ще ти реже самата картинка

 

[dashe]

Винаги си е било така, това ти разтяга страницата също така. Това е проблем който се оправя много лесно, щом го дърпаш от ляво с 10 пиксела намаляш дължината на картинката та да стане

width: 170px;

както намаляш от дължината когато го дърпаш и от дясно

А когато го дърпаш от горе или от долу намаляш височината

но трябва задължително да си сложиш doctype, защото под IE ще ти реже самата картинка

Евала
Благодаря :wink: