X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Абсолютное позиционирование таблицы относительно родительского элемента
АлександрНик
АлександрНик
Topic Starter сообщение 23.7.2013, 22:14; Ответить: АлександрНик
Сообщение #1


<div style="height: 250px; border: 8px solid red; font-size: 30px; ">div</div>

<table style=" width :100%;border: 8px solid blue; font-size: 40px;">
<tr>
<td style="border: 1px solid black; position: relative; ">

<table style=" width :100%; position: absolute ; border: 8px solid green; top:50px; ">
<tr>
<td style="border: 1px solid black; "> d</td>
</tr>
<tr>
<td style="border: 1px solid black; " > e </td>
</tr>
<tr>
<td style="border: 1px solid black; " > f </td>
</tr>
</table>
a
</td>
<td style="border: 1px solid black;" >
b
</td>
<td style="border: 1px solid black;" >
c
</td>

</tr>
</table>

Данный код рисует во всех браузерах картинку. Требуется именно это:
[attachment=39727:все браузеры.jpg]
Но Firefox рисует иначе :
[attachment=39725:FireFox.jpg]
Что можно с этим сделать?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wins
Wins
сообщение 24.7.2013, 3:42; Ответить: Wins
Сообщение #2


Используйте лучше относительное позиционирование position: relative; И если вы только начинаете делать, то делайте лучше сразу блочную верстку, а не гибрид div + table
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
http://
http://
сообщение 24.7.2013, 9:40; Ответить: http://
Сообщение #3


Может он хочет вывести какие-то табличные данные? Почему сразу верстка и отказ от таблиц?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 24.7.2013, 10:35; Ответить: Webmaster_hb
Сообщение #4


позиционируйте блоки div
а внутрь вставьте свою таблицу ^_^
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wins
Wins
сообщение 24.7.2013, 11:25; Ответить: Wins
Сообщение #5


(Mr.CodE @ 24.7.2013, 12:40) *
Может он хочет вывести какие-то табличные данные


Если так, то да.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
АлександрНик
АлександрНик
Topic Starter сообщение 25.7.2013, 13:24; Ответить: АлександрНик
Сообщение #6


Зелёная таблица это выпадающий подпункт меню. <div> размещён для того, что бы показать как смещается этот подпункт в firefox . Первоначально всё это было на <ul> и <li> , но при больших масштабах верхняя строка меню начинает ломаться и всё что не помещается на экране съезжает вниз. Общий дизайн довольно болезненно реагирует на это смещение и я решил попробовать вместо <ul> и <li> использовать <table> При больших масштабах появляется горизонтальная полоса прокрутки и всё выглядит OK. Но в firefox зелёная таблица позиционируется не относительно родительского элемента(как это происходит во всех браузерах), а относительно окна браузера.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Отсортировать данные таблицы
по дням/часам и тп
3 tube 2350 1.7.2017, 0:38
автор: Shandanakar
Открытая тема (нет новых ответов) При удалении одного элемента, перестает работать другой. Помогите исправить!
1 vantusxyz 5572 24.6.2016, 16:08
автор: -Degradator-
Открытая тема (нет новых ответов) Нужно настроить мои Таблицы Google
1 rownong27 2466 25.5.2016, 0:13
автор: -rownong-
Открытая тема (нет новых ответов) Экспорт таблицы с сайта
2 wolf7808 3073 17.10.2015, 9:42
автор: -wolf7808-
Открытая тема (нет новых ответов) Как подстроить 3 разные элемента в один ряд
2 Генрих Арутюнян 5540 19.2.2015, 10:43
автор: -Генрих Арутюнян-


 



RSS Текстовая версия Сейчас: 20.4.2024, 13:33
Дизайн