Проблем - <div> в <td>

8 отговора 317 прегледа
#1

Проблем - <div> в <td>

Въпросния проект в начална фаза

Изобщо не знам доколко е добра такава идея, но това е положението.
Имам едно меню, което е <div> в клетка от таблица. С background и съдържание от линкове и изображения. Мъчих, правих, струвах да ги позиционирам вертикално в средата, с всички известни ми начини с CSS и HTML ... ту се размества фона, ту не знам какво - няма какво да ви обяснявам, вие знаете ...

Накрая го докарах да се вижда окей в Mozilla, Opera, Netskape (там, докъдето съм стигнал), но в IE не ще и не ще. Този vertical-align: top; който в крайна сметка ми свърши работа забива текста горе ... и не ме кефи хич, защото знам, че мнозинството посетители ще са с IE.

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

Ще съм благодарен на идеи!

Отговор
в отговор на Бpyтa Избpaния #2

Re: Проблем - &lt;div&gt; в &lt;td&gt;

Отговора се крие някъде тук. Това е специфично за IE.
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щ на

Отговор
в отговор на Бpyтa Избpaния #3

Re: Проблем - &lt;div&gt; в &lt;td&gt;

Много е тъпо наистина с този vertical-align.
Затова за центриране на елементи вътре в клетки на таблици ползвам padding-ите. И по-точно с padding уточнявам вертикалното отстояние от горния и долен ръб на клетката, а след това с padding-left - допълнително ляво отстояние, ако text-align не е "center". Малко игра си пада, да се настроят точните пиксели, защото това си зависи от размера на шрифта ако имаш текст, но работи безотказнопри всички браузъри.

Отговор
в отговор на _croesus #4

Re: Проблем - &lt;div&gt; в &lt;td&gt;

И това пробвах ...

Ако сложа padding на <td> това не решава проблема, само се създава отстояние на <div> елемента т.е. повече бяло встрани от цветното бежово меню. Като сложа padding на <div> ми се размества фона ...

Продължавам да пробвам разни варианти и да се изнервям тихичко


Това е религия, момче! А не скапана пазарна икономика!
Отговор
в отговор на Бpyтa Избpaния #5

Re: Проблем - &lt;div&gt; в &lt;td&gt;

line-height на link-овете

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

Отговор
в отговор на ghs #6

Re: Проблем - &lt;div&gt; в &lt;td&gt;

Върши, но не и за IE, там пак текста остава малко нагоре.


Това е религия, момче! А не скапана пазарна икономика!
Отговор
в отговор на Бpyтa Избpaния #7

Re: Проблем - &lt;div&gt; в &lt;td&gt;

"line-height на link-овете"!!!, а не на .menu

също така махни тези vertical-align ако искаш другите неща да работят, защото така си пречят едно на друго

П.П. а и не само vertical-align, има и други елементи които се пречкат и ако нямаш нужда от тях не го пиши и тях само място да заемат

Редактирано от ghs на

Отговор
в отговор на Бpyтa Избpaния #8

Нема нужда...

от expressions и прочее BS...

Виж тук:
[линк]

There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
Отговор
в отговор на Koтapakът нa Шpьoдинrep #9

Re: Нема нужда...

То май било лесно ... като се отървем от <div>-а
Благодаря много за съдействието!


Това е религия, момче! А не скапана пазарна икономика!
Отговор