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



 

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

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

Открыть тему
Тема закрыта
> Вложенная таблица съезжает вверх
diimko
diimko
Topic Starter сообщение 6.11.2010, 2:26; Ответить: diimko
Сообщение #1


Доброе время)
Сделал простенький пример для наглядности.
Есть основная таблица и 2 вложенных (расположены горизонтально).
При отображении в Опере все отлично, а вот Хром с IE сдвигают правую таблицу вверх (FireFox не тестил).
Почему это происходит и как это исправить?)
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div align="center">
<table cellspacing="3" cellpadding="0">
<tr>
<td><table width="250" cellspacing="0" height="1000">
<tr>
<td colspan="3" bgcolor="#0099FF">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table></td>
<td><table width="500" cellspacing="0">
<tr>
<td width="110" height="200" bgcolor="#000000">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="200" bgcolor="#000066">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="200" bgcolor="#CC0066">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="200" bgcolor="#996699">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="200" bgcolor="#99CC33">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zidan
zidan
сообщение 6.11.2010, 10:13; Ответить: zidan
Сообщение #2


У меня во всех браузерах одинаково выглядит. Покажи как должно быть.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
diimko
diimko
Topic Starter сообщение 6.11.2010, 14:43; Ответить: diimko
Сообщение #3


Вот 3 варианта от 3 браузеров. Должно быть ровно как в Опере
[attachment=36894:chrome.jpg] Хром

[attachment=36895:Opera.jpg] Опера

[attachment=36896:IE.jpg] Экслоер
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
diimko
diimko
Topic Starter сообщение 7.11.2010, 15:01; Ответить: diimko
Сообщение #4


Хмм, видно у меня Dreamweaver кривой без него все норм получается...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
saigla
saigla
сообщение 7.11.2010, 16:31; Ответить: saigla
Сообщение #5


(diimko @ 7.11.2010, 17:01) *
Хмм, видно у меня Dreamweaver кривой

если честно то Dreamweaver не очень хорошая прога!:prilichno:
Я бы сказал даже то что бестолковая! :wacko:
Лучше пиши в ручную, а шаблоны делай в Artisteer 2!:goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 7.11.2010, 17:33; Ответить: klenovnn
Сообщение #6


* {margin:0; padding:0;}

table {border-collapse:collapse;}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
diimko
diimko
Topic Starter сообщение 8.11.2010, 1:51; Ответить: diimko
Сообщение #7


Вот собственно сам шаблон. В архиве т.к с файлами и css.
Проблема все та же. Правая таблица съезжает(
Помогите народ.
[attachment=36900:site.rar]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 8.11.2010, 13:20; Ответить: klenovnn
Сообщение #8


Читай выше, это ставить нужно в css, проблема решается, проверил на твоем коде.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
diimko
diimko
Topic Starter сообщение 8.11.2010, 20:43; Ответить: diimko
Сообщение #9


Спасибо огромное=) В Хроме все отлично.
А вот IE и FireFox 3.6.12 все равно на пару пикселей опускают таблицу(

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Съезжает меню
4 likegod90 4515 27.3.2014, 19:13
автор: -zeurminall-
Открытая тема (нет новых ответов) Как поднять блоки вверх
2 Denis_sf 12868 21.11.2013, 22:32
автор: -hennessy-
Открытая тема (нет новых ответов) непослушная таблица (((
1 alex577 2844 9.2.2013, 2:40
автор: -Eraser_str-
Открытая тема (нет новых ответов) Таблица растягивается в Chrome , Opera в FireFox все хорошо , помогите.
0 Hammer2900 6239 3.2.2013, 22:01
автор: -Hammer2900-
Открытая тема (нет новых ответов) Таблица распределения игроков.
5 mafao 4571 19.11.2012, 22:49
автор: -Arks-


 



RSS Текстовая версия Сейчас: 28.3.2024, 23:12
Дизайн