Проблем - <div> в <td>
8 отговора
317 прегледа
Проблем - <div> в <td>
Въпросния проект в начална фаза
Изобщо не знам доколко е добра такава идея, но това е положението.
Имам едно меню, което е <div> в клетка от таблица. С background и съдържание от линкове и изображения. Мъчих, правих, струвах да ги позиционирам вертикално в средата, с всички известни ми начини с CSS и HTML ... ту се размества фона, ту не знам какво - няма какво да ви обяснявам, вие знаете ...
Накрая го докарах да се вижда окей в Mozilla, Opera, Netskape (там, докъдето съм стигнал), но в IE не ще и не ще. Този vertical-align: top; който в крайна сметка ми свърши работа забива текста горе ... и не ме кефи хич, защото знам, че мнозинството посетители ще са с IE.
Има ли начин да сваля малко текста, без да омажа нещата в другите браузъри? Изобщо има ли такъв идеален вариант под всички браузъри да се вижда перфектно? По линка можете да погледнете кода и стиловете.
Ще съм благодарен на идеи!
Изобщо не знам доколко е добра такава идея, но това е положението.
Имам едно меню, което е <div> в клетка от таблица. С background и съдържание от линкове и изображения. Мъчих, правих, струвах да ги позиционирам вертикално в средата, с всички известни ми начини с CSS и HTML ... ту се размества фона, ту не знам какво - няма какво да ви обяснявам, вие знаете ...
Накрая го докарах да се вижда окей в Mozilla, Opera, Netskape (там, докъдето съм стигнал), но в IE не ще и не ще. Този vertical-align: top; който в крайна сметка ми свърши работа забива текста горе ... и не ме кефи хич, защото знам, че мнозинството посетители ще са с IE.
Има ли начин да сваля малко текста, без да омажа нещата в другите браузъри? Изобщо има ли такъв идеален вариант под всички браузъри да се вижда перфектно? По линка можете да погледнете кода и стиловете.
Ще съм благодарен на идеи!
Re: Проблем - <div> в <td>
Отговора се крие някъде тук. Това е специфично за IE.
About Dynamic Properties
Пример:
От неизбежното се възмущава само този, който е неразумен.
About Dynamic Properties
Пример:
<style type="text/css">
#oDiv{
background-color: #CFCFCF;
position: absolute;
/************************************
Код специфичен за IE.
************************************/
left:expression(document.body.clientWidth/2-oDiv.offsetWidth/2);
top:expression(document.body.clientHeight/2-oDiv.offsetHeight/2)">
}
</style>
От неизбежното се възмущава само този, който е неразумен.
Редактирано от Учeщ на
Re: Проблем - <div> в <td>
Много е тъпо наистина с този vertical-align.
Затова за центриране на елементи вътре в клетки на таблици ползвам padding-ите. И по-точно с padding уточнявам вертикалното отстояние от горния и долен ръб на клетката, а след това с padding-left - допълнително ляво отстояние, ако text-align не е "center". Малко игра си пада, да се настроят точните пиксели, защото това си зависи от размера на шрифта ако имаш текст, но работи безотказнопри всички браузъри.
Затова за центриране на елементи вътре в клетки на таблици ползвам padding-ите. И по-точно с padding уточнявам вертикалното отстояние от горния и долен ръб на клетката, а след това с padding-left - допълнително ляво отстояние, ако text-align не е "center". Малко игра си пада, да се настроят точните пиксели, защото това си зависи от размера на шрифта ако имаш текст, но работи безотказнопри всички браузъри.
Re: Проблем - <div> в <td>
И това пробвах ...
Ако сложа padding на <td> това не решава проблема, само се създава отстояние на <div> елемента т.е. повече бяло встрани от цветното бежово меню. Като сложа padding на <div> ми се размества фона ...
Продължавам да пробвам разни варианти и да се изнервям тихичко
Това е религия, момче! А не скапана пазарна икономика!
Ако сложа padding на <td> това не решава проблема, само се създава отстояние на <div> елемента т.е. повече бяло встрани от цветното бежово меню. Като сложа padding на <div> ми се размества фона ...
Продължавам да пробвам разни варианти и да се изнервям тихичко
Това е религия, момче! А не скапана пазарна икономика!
Re: Проблем - <div> в <td>
line-height на link-овете
само, че като си сложил картинки заразделители незнам дали ще ти върши работа
само, че като си сложил картинки заразделители незнам дали ще ти върши работа
Re: Проблем - <div> в <td>
Върши, но не и за IE, там пак текста остава малко нагоре.
Това е религия, момче! А не скапана пазарна икономика!
Това е религия, момче! А не скапана пазарна икономика!
Re: Проблем - <div> в <td>
"line-height на link-овете"!!!, а не на .menu
също така махни тези vertical-align ако искаш другите неща да работят, защото така си пречят едно на друго
П.П. а и не само vertical-align, има и други елементи които се пречкат и ако нямаш нужда от тях не го пиши и тях само място да заемат
също така махни тези vertical-align ако искаш другите неща да работят, защото така си пречят едно на друго
П.П. а и не само vertical-align, има и други елементи които се пречкат и ако нямаш нужда от тях не го пиши и тях само място да заемат
Редактирано от ghs на
Нема нужда...
от expressions и прочее BS...
Виж тук:
[линк]
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
Виж тук:
[линк]
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
Re: Нема нужда...
То май било лесно ... като се отървем от <div>-а
Благодаря много за съдействието!
Това е религия, момче! А не скапана пазарна икономика!
Благодаря много за съдействието!
Това е религия, момче! А не скапана пазарна икономика!