Soul_Stealler
Registered
В тази тема ще пускам импровизирани решения за различни ситуации в писането на бекенд код, с които често се сблъсквам 
Някой от тях са свързани разбира се с IE.
#1 Стилване на полета за входни данни
M$ IE прави много готиния бъг като тръгнеш да пишеш... и като минеш ширината на полето, картинката за бекграунд почва буквално да се изнизва от него... кофти тръпка
Моята импровизация:
Реше се левия бордер, десния бордер и един бекграуд, който ще му се зададе repeat-x;
Също така не задавайте height, задайте позиционирането на текста по вертикала с padding (top и bottom). Ако зададете height под някой браузъри ще е в средата, а под други ще е позиционирано най-горе;
Пример:
#2 Бърз фикс css IE
Това е разбира се * (тази хубава зведичка).
Пример:
има падинг 6px, IE мърда с 2 по-малко.
#3 Margin/Padding проблеми
Разликите са че едното е отстъп вътре в елемента, а другото извън него.
Някой браузъри (о да IE, обичам те) често си правят гавра с тях.
Пример:
ползвате padding, всичко е OK докато не отворите с IE.
Ако случая ви позволява - правите го на margin на някой друг елемент и в повечето от случаите се оправя.
Или обратното... margin на padding... импровизирайте.
Също така за да избягвате повечето проблеми с IE задавайте widht и height;
#4 Бекграунд проблеми
Задавайте бекграун на бодито и полетата за входни данни, дори да виждате че не трябва.
При вас може да не трябва, но при други теми на браузъра бекграунда може да не е #ffffff и става красива гледка.
_______________________________________________
С любов...
Някой от тях са свързани разбира се с IE.
#1 Стилване на полета за входни данни
M$ IE прави много готиния бъг като тръгнеш да пишеш... и като минеш ширината на полето, картинката за бекграунд почва буквално да се изнизва от него... кофти тръпка
Моята импровизация:
Реше се левия бордер, десния бордер и един бекграуд, който ще му се зададе repeat-x;
Също така не задавайте height, задайте позиционирането на текста по вертикала с padding (top и bottom). Ако зададете height под някой браузъри ще е в средата, а под други ще е позиционирано най-горе;
Пример:
Код:
<div>
<img src="images/field_left.jpg" style="float:left;"/>
<input type="text" style="float:left;background:url(images/field_backgr.jpg) repeat-x;border:0px;width:323px;padding:0px;padding-top:6px;padding-bottom:6px;" />
<img src="images/field_right.jpg" style="float:left;" />
<div style="clear:both;"></div>
</div>#2 Бърз фикс css IE
Това е разбира се * (тази хубава зведичка).
Пример:
има падинг 6px, IE мърда с 2 по-малко.
Код:
style="padding:6px;*padding:8px;"#3 Margin/Padding проблеми
Разликите са че едното е отстъп вътре в елемента, а другото извън него.
Някой браузъри (о да IE, обичам те) често си правят гавра с тях.
Пример:
ползвате padding, всичко е OK докато не отворите с IE.
Ако случая ви позволява - правите го на margin на някой друг елемент и в повечето от случаите се оправя.
Или обратното... margin на padding... импровизирайте.
Също така за да избягвате повечето проблеми с IE задавайте widht и height;
#4 Бекграунд проблеми
Задавайте бекграун на бодито и полетата за входни данни, дори да виждате че не трябва.
При вас може да не трябва, но при други теми на браузъра бекграунда може да не е #ffffff и става красива гледка.
_______________________________________________
С любов...