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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> проблема с height у IE
Gronix
Gronix
Topic Starter сообщение 3.4.2010, 21:07; Ответить: Gronix
Сообщение #1


Здравствуйте!
У меня возникла проблема при создании сайта, с адекватным отображением его в браузерах IE всех версий.

Вот код:
<html>
<head>
<meta http-equiv="Content-Language" content="en-ru">
</head>
<body>
<table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" id="table2">
<tr>
<td valign="top" height="16">Текст
</td>
<td width="220" rowspan="2">&nbsp;<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</td>
</tr>
<tr>
<td valign="top">ывфвфывфывфы</td>
</tr>
</table>
</body>
</html>
Проблема во второй строке, браузер IE всегда выводит её внизу общей таблицы, даже при явном указании ему высоты первой (верхней) ячейки. Нужно что бы ячейка
<td valign="top">ывфвфывфывфы</td>
была сразу после
<td valign="top" height="16">Текст</td>
. В Опере и Лисе всё отображается нормально.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
95virus
95virus
сообщение 3.4.2010, 21:25; Ответить: 95virus
Сообщение #2


У меня всё отображается нормально если я вас понял
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gronix
Gronix
Topic Starter сообщение 3.4.2010, 21:40; Ответить: Gronix
Сообщение #3


Возможно я не так выразился...
вот скрин:

[IMG]http://www.x-ufolog.ru/2.JPG[/IMG]

Вот. Мне надо чтобы нижняя ячейка (с подчёркнутым текстом) шла сразу за верхней, то есть сразу после 16px, а не была прилеплена к низу. У меня стоит IE-6 и в нём есть эта проблема, я проверят работу на всех IE (6,7,8) и везде эта проблема была.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 3.4.2010, 22:39; Ответить: Arks
Сообщение #4


проблема возможно в том что у вас, не настроены отступы сверху и снизу для тегов <p> которые и оставляют пустые строки.

<head>
<style type="text/css">
<!--
p {
margin-top:0px;
margin-bottom:0px;
}
--
>
</style></head>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gronix
Gronix
Topic Starter сообщение 3.4.2010, 22:47; Ответить: Gronix
Сообщение #5


Спасибо за ответ. Я попробовал сделать отступы как Вы сказали, но к сожалению проблема осталась.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 3.4.2010, 23:27; Ответить: Arks
Сообщение #6


Раз проблема осталась вам надо задать высоту текста в пустых параграфах в правой ячейке, т.к. IE именно под нее растягивает таблицу. Хотя вы и используете неразрывный пробел, он также обладает высотой по-умолчанию у вас там аж три параграфа по высоте а в левых ячейках фактически только два.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
InviS
InviS
сообщение 4.4.2010, 0:21; Ответить: InviS
Сообщение #7


У вас явно заданы valign='top' для обеих ячеек (верхней и нижней). Это значит, что текст выравнивается по верхней границе ячейки и в верхней и в нижней. Разница между ними - ваша высота первой ячейки :) Это видно на скриншоте после выделения элемента ячейки:
[IMG]http://i6.fastpic.ru/thumb/2010/0404/f7/ad04a840af746838be381a4783865ef7.jpeg[/IMG]
Измените в верхнем valign=bottom, а в нижнем valign=top и они будут у вас рядом.

Хотелось бы дать вам несколько советов, которые помогут избежать многих проблем с версткой:
1) Используйте reset.css - их полно в интернете. Этот файлик со стилями убирает различия в стандартных значениях браузеров.
2) Используйте сами стили. Сейчас уже никто не верстает заданием свойства внутри тегов.
3) Используйте средства для отладки, позволяющие инспектировать каждый элемент на вашей странице. В ФФ и Гугл хроме - FireBug. В Opera - Dragon Fly. В IE - IE Developer Toolbar.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 4.4.2010, 0:32; Ответить: locky-yotu
Сообщение #8


colspan="2"
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
95virus
95virus
сообщение 4.4.2010, 8:16; Ответить: 95virus
Сообщение #9


Попробуйте так
<html>
<head>
<meta http-equiv="Content-Language" content="en-ru">
</head>
<body>
<table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" id="table2">
<tr>
<td valign="top" height="16">Текст
</td>
<td width="220" rowspan="2"></td>
</tr>
<tr>
<td valign="top">ывфвфывфывфы</td>
</tr>
</table>
</body>
</html>

Я ещё не понял что это такое
&nbsp;<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gronix
Gronix
Topic Starter сообщение 4.4.2010, 10:32; Ответить: Gronix
Сообщение #10


Спасибо всем! Проблема действительно оказалась пустяковой, сделал по Вашим советам и всё заработало :droch:.
Провозился с проблемой 3 дня, а всё оказалось гораздо проще...
Ещё раз спасибо всем кто помогал! :)

P.S.
&nbsp;<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;
Это я просто так растягивал правую ячейку, хотя конечно по правилам надо было написать height.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проблема с админкой
5 Prok 2334 29.7.2019, 20:04
автор: dvakarandasha
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема с таблицей, которая выводится через скрипт
7 vanchester 1339 15.2.2019, 19:06
автор: Artos_mw
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема в тегах при сохранении контента
1 Kord18 1426 13.3.2018, 18:19
автор: Evgeniy3200
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема вёрстки адаптивной страницы на divах
28 master-vek 4716 8.2.2018, 19:29
автор: master-vek
Открытая тема (нет новых ответов) Проблема с All in one SEO?
17 okseo 2684 30.11.2017, 14:06
автор: okseo


 



RSS Текстовая версия Сейчас: 18.4.2024, 19:06
Дизайн