Висловлюючи IT

У ряді випадків, при цьому макети сторінок з спливаюче підрозділів / лайтбокси / Поради т.д. ми стикаємося з ситуаціями, коли деякі форми Вибір об'єктів виявляється в цих POPUP відділів, дизайн, і це показує через .... YUK!

Ну! Ви можете легко виправити, регулюючи Z-INDEX значення відповідно для FF та IE7. Але старі добрі (каламбур) IE6 поводиться не за призначенням .... Виберіть Показати BOX кінця, навіть після встановлення деяких радикально високий Z-INDEX значень в PopUp відділу ... облом!

Є NO виправлення цієї проблеми, але є, я думаю, більше, ніж кілька дорозі на роботу, вирішити цю проблему, але їм тут, щоб сказати вам просте рішення, яке я використовую, яке відмінно працює для мене, в більшості випадків ....

"ПРИХОВАТИ BOX ROUGE SELECT, коли ви показуєте POPUP"

Просто у вашому скрипті фрагмент, де ви показуєте ваші спливаючі вікна, додати шматочок сценарію створити видимість вікні Вибір "Невидимий"

document.getElementById ('my_select) style.visibilty = "приховані".

І пам'ятайте, щоб встановити його при закритті спливаючих відділу

. Document.getElementById ('my_select) style.visibilty = "видимий";

де "my_select" є ідентифікатором роздратування вікні Вибір

Сподіваюся, що це допомагає ...

PS. Є звичайно ж і інші варіанти, як динамічно positionining IFRAME (такий же розмір, як ви PopUp) в Popup DIV ... Це теж добре працює, але з додаванням навантажень DOM елементи, скрипти і головний біль. Я використав це рішення теж, і якщо ви потребуєте якоїсь допомоги з цією опцією, дайте мені знати. Будемо раді допомогти!

Протягом століть, я думаю, щоб консолідувати всі передового досвіду, я читав то й справа. Нарешті! Я спускатися поставити його на ручки. Я зрозумів, що вона буде гігантською завданням створення цього гігантського документа, так що я вирішив присвятити цілу категорію до нього, щоб я міг продовжувати додавати матеріал про передовий досвід, як і коли я стикаюся з ними ...

Ну! зміст тут стане об'єднання мій особистий користувальницький інтерфейс Development Best Practices з тими, написані стандартною розробників, таких як Yahoo, Google і т.д.

Дивитися цей простір і зберегти browing Best Practices категорії

Reset CSS, / CSS є встановити кількість елементів стилю для конкретного базового, який створює послідовність в різних браузерах.

Ми всі були через кошмари написання крос-браузерні CSS в. Тому, коли ми починаємо писати наш CSS, це практика, щоб скинути його першим видалити / скидання будь-якого поперечного невідповідності браузера. Скидання CSS, прості кілька рядків CSS, що ви починаєте з CSS, що дає вам чітку базу, щоб почати будувати свій на.

CSS скидає, що я звичайно віддаю перевагу використовувати виглядає наступним чином

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}

ол, вул {
Список стилі: ні;
}

h1, h2, h3, h4, h5, h6 {
Розмір шрифта: 100%;
накреслення шрифта: нормальний;
}

Скинути розмір шрифту в броузері
Також зверніть увагу на скидання, який був застосований в браузері розмір шрифту в наступний рядок ...

html {font-size: 76%;}

Вище CSS скидає розмір шрифту в броузері на 10 пікселів, і це дає можливість працювати з відносними розмірами шрифту (який кожен з важливих відповідно WAI prespective)
Для, наприклад, в наступному визначенні розміру шрифту в діапазон встановлений на 10 пікселів, що в paragarph встановлений на 14 пікселів ...

span {font-size: 1em;}
p {font-size: 1.4em;}